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

Question

update

好。经过大量搜索后，Vue渲染不是我的问题。 dataTables服务器端将转义转义html改为这样

"image": "<a target="_blank" href="media/test/img1.jpg">show</a>"

old problem!

我知道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();
                }
            });

结果

Answer 1

在组件上创建的方法中，您可以使用：

this.$options.template = someHtmlContent

这将设置该组件的模板。考虑到这一点，您可以为Dynamic Html创建一个组件，然后将HTML作为prop传递，然后使用该prop来设置如上所述的$options.template。

Answer 2

我发现如何解决这个问题。在我的情况下： laravel / config / dataTables.php第85行： 改变'escape' => '*', 到'escape' => '',