Vue+layui弹出窗口数据加载问题

Question

我这样vue+layui，第一次打开弹出框的时候，没有数据，第二次打开显示的是上一次打开时的数据，该怎么调整呢？

<div id="detail" style="display: none">
   <div class="layui-inline">
       <label class="layui-form-label">订单号:{{ordOrder.ordorderNo}}</label>
   </div>
</div>

editOrder: function (order) {
                var url = '/o/e/' + order.id;
                var _self = this;
                $.get(url, function (data) {
                    var jsonstr = JSON.stringify(data);
                    _self.ordOrder = JSON.parse(jsonstr);
                })
                layer.open({
                    area:['800px','600px'],
                    offset: '60px',
                    content: $('#detail').html()
                })
            }

 

Answer 1

将type设为1就可以解决上面两个问题

Answer 2

第二次打开没有弹出窗口，并会导致页面失去焦点

Answer 3

第一次可以正确打开，但是页面中会有个Object，我是百度的这个问题才加上.html()的

Answer 4

Answer 5

感谢回复，修改后可以解决上述问题，第一次打开即可显示正确内容，但是第二次点击后没有弹出窗口，并且页面失去焦点，图在楼下

Answer 6

问题已经都解决了，是我忘了加参数