我可以在HTML数据中保留Vuejs事件吗？

Question

我想使Vue事件与响应html数据一起使用。

1 /说明：

• 在<template><div id="id_1" v-on:click="method(value)">TEXT</div></template>中：单击此按钮即可使用。

• 现在当我将HTML数据替换id_1中的内容时，例如：

  var data = "<div id='id_1'>TEXT 2</div>"; $('#id_1').html(data );

我的代码如下：axios-> socket.on->追加或带有上述事件的html。

2 /问题：我无法启用v-on：click进入这样的数据：

<div v-on:click="method(value)" id='id_1'>TEXT 2</div>。

3 /到目前为止，替代方案：我必须在Jquery中进行其他功能。一个vue文件意味着两种方式。它以这种方式工作。有什么办法可以将vue事件放入上述数据中？

预先感谢， 广陈

Answer 1

我认为您不需要替换整个HTML。 只需建立一个像这样的模型：

data() {
  return {
    text: ''
  }
}

然后处于挂载状态，否则取决于您的情况：

mounted() {
  let vm = this;
  vm.text = 'test123';
}

在您的HTML中使用此：

<template><div id="id_1" v-on:click="method(value)">{{text}}</div></template>

希望它将对您有帮助：）