vue中使用bootstrapTable，但@click无效

浅浅的花香味﹌ 2023-07-06 13:04 32阅读 0赞

vue和bootstrapTable结合使用@click无效

解决方法：

1.在bootstrapTable生成每一行数据时先定义一个空的标签，用来后面挂载vue组件

{

  1.              field: '',
  3.              title: '操作',
  5.              formatter: function(value, row, index) \{
  7.                  var id = "row"+row.id ;
  9.                  var ans ="<div class='rowOperator' id="+id+"></div>";
  11.                  return ans;
  13.              \}
  15.          \},

2.定义vue组件

3.在bootstrapTable成功加载的onLoadSuccess方法中挂载vue组件到上面的空标签中显示，$mount(‘#‘+$(this).attr(“id”))就是把上面的空标签替换成组件的标签：http://www.yayihouse.com/yayishuwu/chapter/2448

发表评论

表情：
评论列表 （有 0 条评论，32人围观）

还没有评论，来说两句吧...

相关阅读