需求: 点编辑弹出Layer详情框, select选择框根据原有的值选中对应的标签
异常: select标签无法回显, 都是"请选择状态"
尝试解决:
1.之前遇到过 radio标签回显的问题, 通过form.render()解决过一次, 此处针对select无效.
2.vue 使用updated ()钩子函数里写form.render() 无效
最终解决:
原因是因为获得的下拉数据是对象, 而回显option对应的值却是字符串, 两者无法对应.
在弹出层方法form.render() 前加入
layer.open({
......
})
if(self.customer.countyInfo!=null){
$("#county").val(self.customer.countyInfo.id);
}else{
$("#county").val("");
}
form.render()
注:
"self.customer.countyInfo" 对象信息
"self.customer.countyInfo.id" select option对应的值
需求: 点编辑弹出Layer详情框, select选择框根据原有的值选中对应的标签 异常: select标签无法回...
当select的option为动态加载数据时，必须将加载方法放在 layui.use('form', functi...
在使用layui渲染表单之后，我使用vue往select里面动态插入option，但是选项没有动态刷新。需要将这个...
layui + vue + element-ui（layui 弹层中）双向绑定layui select 失败问题解...
一、Layui原始select解决 1.问题 layui的下拉框 select自带一个搜索功能，但是真正使用的时候...
layui select 可输入可选择可模糊搜索 结合网上搜到的一些解决方法 使用input覆盖select下拉框...
vue el-select绑定对象时，回显内容始终是最后一项 一、问题描述 使用el-select组件绑定类型为对...
背景：前端给的layui的后台管理框架，而我们后台最近都转型用vue问题1：select上的值与vue未绑定。问题...
问题 1、多选下拉框回显成功，操作无反应 vm.$forceUpdate()迫使 Vue 实例重新渲染。注意它仅仅...
本文标题：解决Layui和VUE结合使用select回显渲染的问题
本文链接：https://www.haomeiwen.com/subject/lrtshqtx.html
网友评论