layui-form表单中的select Vue使用@change监听无效

标题 layui-form表单中的select标签 Vue使用@change监听无效

在layui中，使用form表单，需在form中添加class=“layui-form”，form属性才会生效，但是在我配合使用Vue监听改变事件时，@change监听会失效，以下是解决办法：
1.删除form中的class="layui-form"就可以监听到了[狗头]；
2.在select中添加lay-filter=“checkType”，在layui.use使用form.on进行监听，再调用Vue中的方法就可以了；

<select id="id" lay-filter="checkType"></select>

layui.use(['form'], function () {
    var form = layui.form;
    form.on('select(checkType)', function(data){
        layui.layer.msg(data.value);//得到被选中的值
        layui.layer.msg(data.elem); //得到select原始DOM对象
        app.checkTypeChange(data.value);//调用Vue中的方法
    })
})

参考：https://www.cnblogs.com/xiaostudy/p/11493727.html