layui的form.val无法动态渲染赋值表单问题解决方法

Posted proper128

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui的form.val无法动态渲染赋值表单问题解决方法相关的知识,希望对你有一定的参考价值。

layui的form.val无法动态渲染赋值表单问题解决方法
最近使用layui的表单组件,进行动态化渲染赋值操作,死活不成功,经过多次排查和尝试,总结了一下解决方法

1、单选框

对单选框进行动态赋值时发现单选框赋值无效果,此处有个特别的细节是,如果你设置是是数据型类型,传入int数据,将无法生效,必须改写为‘1’,‘0’ 这样的字符串方式方可生效

2、子页面调用父页面的form.val()

这块不知道是什么奇葩的问题,官方文档里面也没有说明,尝试了半天,解决方法如下:

1
2
3
obj = {username:"张三"};
form.val("表单的lay-filter属性值",obj); //obj由子页面传入的参数,这样写是无法渲染表单项的
form.val("表单的lay-filter属性值",JSON.parse(JSON.stringify(obj))); //这样写才能渲染

作者:旧旧的 393210556@qq.com 解决问题的方式,就是解决它一次

以上是关于layui的form.val无法动态渲染赋值表单问题解决方法的主要内容,如果未能解决你的问题,请参考以下文章

layui select怎么赋值

select 动态赋值 layui重新渲染

layui的select动态渲染不成功怎么办及解决方法

layui动态修改表单form内容

element-ui 表单编辑之后再新增表单数据无法清空问题(已解决)

layui中如何给 表单中的input标签动态赋值,怎么获取父页面中的值