title: VueJS re-compile HTML in an inline-template component
body: <p>I've wrapped bootstrapTable (<a href="https://github.com/wenzhixin/bootstrap-table" rel="noreferrer">https://github.com/wenzhixin/bootstrap-table</a>) into a directive, like this:</p>
  
  <pre><code>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')
      }
  });
  </code></pre>
  
  <p>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: </p>
  
  <p><code>_self.vm.$compile(_self.vm.$el);</code></p>
  
  <p>Am I missing something obvious?</p>