确定。经过大量搜索后,Vue渲染不是我的问题。 dataTables服务器端将转义转义html改为喜欢这个
"image": "<a target="_blank" href="media/test/img1.jpg">show</a>"
我知道v-html,但我的问题是当我想渲染动态表(来自dataTables)。
http://yajrabox.com/docs/laravel-datatables/master/。
我怎么能告诉vue渲染html?是否有一些全局选项可以做到这一点?
我的表:
<table class="table table-hover table-bordered table-striped" id="table_id" ></table>
我的js:
self.dataTableSet = $('#table_id').on('preXhr.dt', function ( ) {
self.$Progress.start();
} ).DataTable({
columns: columns,
order: [[ count, 'desc' ]],
"processing": true,
"serverSide": true,
"ajax": {
'type': 'get',
'url': axios.defaults.baseURL+"tests/get_data_table",
headers: {'X-CSRF-TOKEN': axios.defaults.headers.common['X-CSRF-TOKEN'],'Authorization':this.$auth.getToken()},
data: function ( d ) {
d.advance_search = self.adv_search_form;
// d.from_date = sorting_from_date.val();
}
},
"drawCallback": function( ) {
self.$Progress.finish();
}
});
答案 0 :(得分:1)
在组件上创建的方法中,您可以使用:
this.$options.template = someHtmlContent
这将设置该组件的模板。考虑到这一点,您可以为Dynamic Html创建一个组件,然后将HTML作为道具传递,然后使用该道具将他设置为$options.template
。
答案 1 :(得分:1)
我找到了解决这个问题的方法。在我的情况下:
laravel / config / dataTables.php第85行:
改变status": {
"code": 206,
"errorType": "partial_content",
"errorDetails": "Webhook call failed. Error: 404 Not Found"
},
到'escape' => '*',