Question

我有一个渲染功能如下

function renderCheckbox(data, type, row, meta) {
  return `<input type='checkbox' value='test' v-model='somedata' />`
}

const test = new Vue({
        el: '#just-test',

        data: {
            somedata: []
        }

在模板中我有{{somedata}}来测试它。

该指令似乎没有在那里工作。渲染时没有值返回。 v模型似乎是一个属性，检查时的HTML看起来是：

<input type="checkbox" value="test" v-model="somedata">

但是，如果我将语句直接写入模板，则v-model可以正常工作。因此，{{somedata}}在渲染时显示为[“test”]。关于此的任何解释和解决方案？

Answer 1

你的渲染函数应该创建javascript。例如：

Vue.component('anchored-heading', {
  render: function (createElement) {
    return createElement(
      'h' + this.level,   // tag name
      this.$slots.default // array of children
    )
  }
})

请使用类似html语法的模板。

Vue指令不适用于渲染

1 个答案: