如何在vue2,datatables Unescape html中允许html渲染

时间:2017-12-25 15:10:23

标签: javascript laravel vue.js datatables vuejs2

更新

确定。经过大量搜索后,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();
                }
            });


结果
myresult

2 个答案:

答案 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' => '*',