我是Vue.js和DataTable的新手,我希望你们中的一些人具有与Vue.js和DataTable(jquery插件)集成的好方法吗?它工作正常,但我想确定这是正确的方法...谢谢:)
var app = new Vue({
el: '#root',
data(){
return{
employees: [
{
Name: 'Tiger Nixon',
Position: 'System Architect',
Office: 'tokyo',
Age: '61',
StartDate: '2011/04/25',
Salary: '$320,800',
},
],
name: '',
position: '',
office: '',
age: '',
startDate: '',
salary: '',
dataTable: null
}
},
methods: {
addEmployee(){
this.dataTable.row.add([
this.name,
this.position,
this.office,
this.age,
this.startDate,
this.salary,
]).draw(false);
}
},
mounted(){
this.dataTable = $('#data_table').DataTable({
});
}
})Run Code Online (Sandbox Code Playgroud)
#root{
text-align: center;
}
.btn{
margin-bottom: 30px;
}Run Code Online (Sandbox Code Playgroud)
<div id="root" class="container">
<form class="form-inline">
<div class="form-group"> …Run Code Online (Sandbox Code Playgroud)