vue2.0 + bootstrapTable 动态添加元素和绑定点击事件，事件无效

Question

在created生命周期中去获取数据，然后调用tableInit方法，方法体是bootstrapTable初始化信息，
其中，对于某一列设置样式
{
              field: "revoke",
              title: "取消",
              align: "center",
              formatter: function(value, row, index){
                return "<button type='button' class='btn btn-primary' @click=“revoke(index)”')>取消授权</button>"
              }
            }
希望点击的时候和后台交互。现在元素已经更新在dom视图中，事件没触发。因为是vue2.0， 所以原来的this.$compile无效。请问这个问题怎么解决呢？

Answer 1

 formatter: function(value, row, index){
                return "<button type='button' class='btn btn-primary' @click=“revoke(index)”')>取消授权</button>"
              }是不是这里需要改成这样 "+index+"因为你是以参数传入的。

Answer 2

你插入的html是没有经过vue渲染，当然不会触发了，也不会在vue实例中。
应该做成组件式来渲染。

Answer 3

用v-html