Vue2学习结合bootstrapTable遇到的问题

Vue2学习

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

• 解决办法
• 一、把事件绑定到父元素上便可，但要判断什么样的须要点击，用了v-if实现的想要的渲染效果。或者（vue的事件绑定支持原生的event参数：event.target.nodeName）。
• 二、建一个vue（带方法的）再给他编译一下，塞到这个按钮里。怎么塞进按钮里呢，就是编译完以后，找到咱们以前放的这个a标签的节点，给它append一个child，放进咱们的这个vue，这样事件就能够自定义，并且能获取到当前的对象
• 三、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弹框比较方便，这样弹框里面的样式能够在新的页面里面编写，最重要的是遮罩层展现不会出现问题。