小编Kob*_*ton的帖子

使用Vue.js和DataTable(jquery插件)

我是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)

datatables vue.js vue-tables-2

7
推荐指数
1
解决办法
8313
查看次数

标签 统计

datatables ×1

vue-tables-2 ×1

vue.js ×1