方案比较简单,封装一个方法最多支持两层
function vueGetLayui(from){
layui.use(from, function(){
var form = layui.form;
form.on('select()', function(data){
var id=$(data.elem).attr("id"); //得到select原始DOM对象
var ids=id.split("_");
if(ids.length==2){
window[ids[0]][ids[1]]=data.value;
}else if(ids.length==3){
window[ids[0]][ids[1]][ids[2]]=data.value;
}
});
return from;
});
}
js里vue对象设置
created: function() {
vueGetLayui('form');
},
html写法
<div class="layui-form-item " >
<div class="layui-inline inline1" >
<label class="layui-form-label " >支付类型</label>
<div class="layui-input-block" >
<select id="vm_payType" class="form-control" isvalid="no" :disabled="false">
<option value="">全部</option>
<option v-for="type in payTypej" :value="type.key">{{type.value}}</option>
</select>
</div>
</div>
。。。。。