vue bootstrapTable 无法点击 v-on:click

Posted

技术标签:

【中文标题】vue bootstrapTable 无法点击 v-on:click【英文标题】:vue bootstrapTable cannot click v-on:click 【发布时间】:2021-10-05 00:58:30 【问题描述】:

安装.bootstrapTable() 后我无法点击v-on:click 但是没用过.bootstrapTable()用v-on:click是正常的

我需要收听任何附加功能吗? 或者我应该写什么样的代码?

file.vue

<template>
  <div>
    <table id="table">
        <tr>
          <th>#</th>
        </tr>
        <tr v-for="(d, index) in data" :key="index">
          <td><a class="btn btn-secondary" type="button" @click="callText(d.text)">d.text</a></td>
        </tr>
    </table>
  </div>
</template>

<script>
  export default 
    name: 'file',
    data () 
      return 
        data: ["text":'1',"text":'2',"text":'3']
      
    ,
    methods: 
      buildTable() 
        $('#table').bootstrapTable('destroy').bootstrapTable()
      ,
      callText(t)
        console.log(t);
      
    ,
    mounted: function()
       this.buildTable();
    
  
</script>

【问题讨论】:

【参考方案1】:

你可以,而且它仍然有效。你甚至在看你的控制台吗?唯一的问题是光标没有像实际按钮那样变为指针。

【讨论】:

以上是关于vue bootstrapTable 无法点击 v-on:click的主要内容,如果未能解决你的问题,请参考以下文章

Vue v-on:构建后点击无法工作

Vue 无法更改嵌套 v-for 中的属性

vue 输入框v-model加载不了0

bootstrap table点击某行的删除按钮,删除当前行记录,怎么只刷新表格当前页的内容?

v-for json 中的切片对象 - Vue 警告:TypeError:无法读取未定义的属性“切片”

关于在VUE中下拉列表的option无法添加事件传值的问题