Vue2学习结合bootstrapTable遇到的问题

时间:2021-11-03 04:13:28

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弹框比较方便,这样弹框里面的样式可以在新的页面里面编写,最重要的是遮罩层展示不会出现问题。