Vue2学习结合bootstrapTable遇到的问题

Vue2学习

项目中在使用bootstrapTable的时候，在table里面会有操作结合vue使用过程中点击相应的操作不会起作用

• 解决办法
• 1、把事件绑定到父元素上即可，但要判断什么样的需要点击，用了v-if实现的想要的渲染效果。或者（vue的事件绑定支持原生的event参数：event.target.nodeName）。
• 2、建一个vue（带方法的）再给他编译一下，塞到这个按钮里。怎么塞进按钮里呢，就是编译完之后，找到我们之前放的这个a标签的节点，给它append一个child，放进我们的这个vue，这样事件就可以自定义，而且能获取到当前的对象
• 3、nextTick 就是节点DOM更新完成后调用 ,假如 v-html里面有一个class=”a”的节点，要在这个DOM上绑定事件 例子：

that.$nextTick(function() {
      $('#aaa').unbind('click').on('click', function() {
            that.fn(row.objectId);
      });
 })

vue和layer结合使用

• 虽然正统的弹框使用一般都是vue结合elementUI但是有时候也会有结合layer使用的情况；
• layer.open()里面type如果为页面层显示的时候，会遇到：
• 1.页面样式问题，
• 2.遮罩层显示关闭问题
• 解决办法：还是使用type为iframe弹框比较方便，这样弹框里面的样式可以在新的页面里面编写，最重要的是遮罩层展示不会出现问题。