vue compile添加html,javascript - VueJS re-compile HTML in an inline-template component - Stack Overflo...

I've wrapped bootstrapTable (https://github.com/wenzhixin/bootstrap-table) into a directive, like this:

Vue.directive('bootstraptable', {

priority: 1000,

params: ['url', 'resource-name'],

bind: function () {

var _self = this;

$(this.el)

.bootstrapTable({

pagination: true,

pageSize: 15,

pageList: [],

sidePagination: 'server',

url: this.params.url,

queryParams: function (params) {

return params;

},

cookie: true,

cookieExpire: '24h',

cookieIdTable: this.params.resourceName + '-table',

locale: 'it-IT'

}).on('load-success.bs.table', function (e, data) {

$('[data-toggle="tooltip"]').tooltip();

_self.vm.$compile(_self.vm.$el);

});

},

update: function (value) {

$(this.el).val(value)

},

unbind: function () {

$(this.el).off().bootstrapTable('destroy')

}

});

The JSON returned from the server contains a button with a v-on directive so I have to recompile the injected HTML rows to have the button directives properly working.

Anyway, it seems that the following code isn't working:

_self.vm.$compile(_self.vm.$el);

Am I missing something obvious?