bootstraptable跟vue一起混合用导致点击事件不起作用，要怎么解决

Question

html:

<tbody class="fixed-table-body">
    <tr v-for="item in items" @click="fn(item.code)">
        <td>{{item.code}}</td>
        <td>{{item.shopname}}</td>
        <td>{{item.location}}</td>
        <td>{{item.amount}}</td>
    </tr>
</tbody>

js :

var vue = new Vue({
    el: "#report",
    data: {...},
    methods: {
        fn(data){
            console.log(data);
        }
    }
});

$('table').bootstrapTable({
    height: 250,
    toolbarAlign:"left",
    sortName:3,
    sortOrder:"asc"
});

Answer 1

$('table').bootstrapTable({

height: 250,
toolbarAlign:"left",
sortName:3,
sortOrder:"asc"

});
这个写在Vue的mounted里试试