Voy.is in-html中的in-model

Question

我想将html存储在变量中。例：

data: function() {
  return {
    my_html: '<input type="text" v-model="data"'
  }
}

我希望在数据中接收用户在该字段中输入的值。但此连接不起作用完整示例：

var test = new Vue({
  el: '#some_id',
  data: function() {
    return {
      data: '',
      my_html: '<input type="text" v-model="data" />'
    }
  },
  template: 
    '<div>
      <input type="text" v-model="data" />
      <input type="text" v-model="data" />
      <span v-html="my_html"></span>
    </div>'
});

在此示例中，前两个输入通常将与数据相互链接，但第三个（内部跨度）不会

Answer 1

据the official doc说：

span的内容将替换为rawHtml属性的值，解释为纯HTML - 忽略数据绑定。请注意，您不能使用v-html来组成模板部分，因为Vue不是基于字符串的模板引擎。相反，组件是UI重用和组合的基本单元

有关详细信息，请尝试检查@ RoyJ的answer