《前端》bootstrapTable

引入文件：

用法：（充分利用 mounted() {} ）

实现功能是在表格中添加按钮，实现触发事件并获取数据。

实现思路：

mounted() {         this.$nextTick(() => {             var $this = this             $('#docDateTable').bootstrapTable({                 // 其他配置选项                 columns: this.columns,//在这里获取列和数据                 data: this.data,             });

           // 写dom的触发方法

        })

    },

疑惑1：table里面方法怎么写进去？

在columns里面对应列中写formatter:function(value,row,index){

     // 在里面拼按钮字符串

}

这里有没有封装的方法？

疑惑2：table里面的按钮触发事件怎么写进去？

之前是拼接按钮的时候用onclick事件(如EditViewById（）):

result += "";

现在不行，为什么不行？原理的东西还说不太出来、

解决：拼接按钮的时候，利用class或者id 用dom的方式写触发事件。（如红框）。

在 mounted() {} 里面bootstrapTable定义后面写触发方法。

           $(".operateBtn").on('click', function(value, row, index) {

                console.log($(this).attr('data-id'));

                alert($(this).attr('index'))

            })

疑惑3：怎么传值，获取table中的数据。

如黄圈中，通过属性值赋值的方式传值，在方法中通过 $(this).attr('data-id') 获取值。

完整代码示例：