Vue.js在v-text中连接字符串

我试图在v-text指令中连接字符串。简单的例子：

<ul>
  <li v-for="obj in frameworks"> {{ obj.name }} has {{ obj.vite }} users
    <button v-on:click="removeFw(obj)" v-show="mode == 'edit'">Delete</button>
  </li>
</ul>

这是小提琴：

---

任何人都可以解释一下原因。

使用v-text将替换元素的内部文本/html，因此您无法看到其中的删除按钮。因此，您必须按照第一个示例代码进行操作。

使用v-text将替换元素的内部text/html，因此您无法看到其中的delete按钮。因此，您必须按照第一个示例代码进行操作。

实际上是更改元素和设置文本

因此，如果您想要文本和按钮，那么您的第一个方法（）就是

如果您需要更新

textContent

，您应该使用{{Mustache}}插值

---

它实际上改变了元素并设置了文本

因此，如果您想要文本和按钮，那么您的第一个方法（）就是

如果您需要更新

textContent

，您应该使用{{Mustache}}插值

---

这很有道理！v-text实际上替换了使用它的元素的开始标记和结束标记之间的所有内容。因此，在我的情况下，它是删除按钮以及..谢谢。这是有道理的！v-text实际上替换了使用它的元素的开始标记和结束标记之间的所有内容。因此，在我的情况下，它是删除按钮以及..谢谢。

 <ul>
    <li v-for="obj in frameworks" v-text="`${obj.name} has ${obj.votes} users`">
     <button v-on:click="removeFw(obj)" v-show="mode == 'edit'">Delete</button>
    </li>
 </ul>