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：

范围的内容将被Port<T>属性的值替换，该属性的值解释为纯HTML-数据绑定将被忽略。请注意，由于Vue并非基于字符串的模板引擎，因此无法使用v-html来组成模板部分。相反，组件是首选的UI重用和合成的基本单元

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

V-HTML中的Vue.js V模型

1 个答案: