(function () {
new _vue2.default({
el: 'body',
data: {
tableData: {
options: {
sortable: true,
editable: true,
pageCount: 10
},
columns: [{
value: 'id',
text: 'No',
sortable: true,
editable: false
}, {
value: 'name',
text: 'Name',
sortable: false,
editable: false,
isHTML: true
}, {
value: 'items',
text: '#of Items',
sortable: true,
editable: false
}, {
value: 'total',
text: 'Total',
sortable: true,
editable: false
}, {
value: 'click',
text: '',
sortable: false,
editable: false,
isHTML: true
},],
rows: [],
onPageChanged: function onPageChanged(page) {
console.log('Current page is ' + page);
}
}
},
ready: function ready() {
console.log(invoice.length);
var invoices = invoice;
var length = invoice.length;
for (var i = 0; i < length; i++) {
var obj = {
id: {
value: i + 1
},
name: {
value: '<a href="update/'+ invoices[i].id + '">' + invoices[i].invoice + '</a>'
},
items: {
value: invoices[i].items ,
},
total: {
value: invoices[i].alltotal ,
},
click: {
value: '<a href="pdf/'+ invoices[i].id + '">PDF</a> <form method="POST" action="remove/'+ invoices[i].id + '"><input type="hidden" name="_method" value="DELETE"><button type="submit">Remove</button></form>'
},
};
this.tableData.rows.push(obj);
}
},
components: {
DataTable: _DataTable2.default
}
});
})();
我想在 click:{} 中创建删除表单，因为我想在 laravel 5.4 中使用路由删除功能。 我的html表是用vue.js构建的。所以我需要在vue.js中编写html代码。我收到此错误(VerifyCsrfToken.php 第 68 行中的 TokenMismatchException:)。如果有人知道请回答我。
最佳答案
首先，在您的页面中添加 {{ csrf_token() }}。
然后在删除表单中添加以下行。
<input type="hidden" name="_token" value="' + document.getElementsByName('_token')[0].value + '">
关于javascript - 我想在 javascript laravel 中添加 csrf_field()，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44298765/