在layer弹窗控件使用vuejs的双向绑定

layer.open({
                type: 1,
                skin: 'layui-layer-rim', //加上边框
                title:'标题',
                // area: ['420px', '240px'], //宽高
                content:$("#roomSetting").html(),
                success:function (layero) {
                    var User_03 = Vue.extend({// 构造器
                        data: function(){
                            return {
                                rooms:rooms
                            }
                        },
                        template: "<div><div v-for='room in rooms'>{
   
   {room}}</div></div>"//HTML模版
                    });
                    var user_03 = new User_03();// 实例化
                    user_03.$mount(layero.find(".layui-layer-content")[0]);  // 挂载到元素上
                }

            });

亲测可用

猜你喜欢

转载自blog.csdn.net/qq_34507736/article/details/85068672
今日推荐