当前位置： 移动技术网 > IT编程>开发语言>JavaScript > Vue2学习结合bootstrapTable遇到的问题

Vue2学习结合bootstrapTable遇到的问题

2018年03月06日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网