Vue Tables 2과 함께 Vue2 (2.5.3)를 사용하는 프로젝트 작업 중입니다. 내가하려는 것은 linked example이 표시하는대로 각 행 주위에 앵커를 추가하고 edit()
함수를 호출하는 것입니다. 그러나 전혀 작동하지 않는 것 같으며 어떤 오류도 발생하지 않습니다. 왜 그런지 아십니까?Vue 메서드가 실행되지 않음
.vue 파일
<template>
<div class="col-md-8 col-md-offset-2">
<div id="people">
<v-client-table :data="tableData" :columns="columns">
<template slot="edit" slot-scope="props">
<div>
<a class="fa fa-edit" :href="edit(props.row.id)"></a>
</div>
</template>
</v-client-table>
</div>
</div>
</template>
<script>
import {ServerTable, ClientTable, Event} from 'vue-tables-2';
import Vue from 'vue';
import axios from 'axios';
Vue.use(ClientTable, {
perPage: 3
}, false);
export default {
methods: {
edit: function(id){
console.log("OK", id);
}
},
data() {
return {
columns: ['id','name','age'],
tableData: [
{id:1, name:"John",age:"20"},
{id:2, name:"Jane",age:"24"},
{id:3, name:"Susan",age:"16"},
{id:4, name:"Chris",age:"55"},
{id:5, name:"Dan",age:"40"}
]
};
}
}
</script>
<style lang="scss">
.VuePagination__count {
display:none;
}
</style>
참조 = "소품"'코드에서,이 문제가 될 수 있을까? – yuriy636
'scope'의 이름이 Vue 2.5 – AnchovyLegend