HandsontableにVue.jsのテンプレート構文を埋め込みたい

Question

Handsontableで生成するデータにVue.jsのテンプレート構文を埋め込みたいのですが、可能でしょうか。

試したこと

var dataObject = [
  {
    total: '<span>{{ 1 + 1 }}</span>'
  }
]

var hotElement = document.getElementById('hot')
var hotElementContainer = hotElement.parentNode
var hotSettings = {
  data: dataObject,
  columns: [
    {
      data: 'total',
      renderer: 'html',
      readOnly: true
    }
  ]
}

var hot = new Handsontable(hotElement, hotSettings)

Answer 1

Handsontableコンポーネントは、Vue.jsの管理下になさそうなので、文字列としては埋め込めても、式として評価はされないのではないかと思います。

これで何をしたいかによって、色々ワークアラウンドがあるのではないかと思います。

Comments

[SystemRyota]

ご回答ありがとうございます。
代替案かプラグイン等あればご教示頂きたいといった質問でした。出来ないということ承知致しました。

質問から月日が経っており、「やりたいこと」に関しては諦めてES6の機能にて実装致しました。
自己解決せずに放置しており、お手間を煩わせてしまい申し訳ございません。

[hashrock]

いえいえ。解決してよかったです！