如何使用 vue.js 2 获取文本?

sam*_*toh 0 vue.js vue-component vuejs2

我有 :

<span class="badge" id="total">10</span>
Run Code Online (Sandbox Code Playgroud)

如果我使用 jquery :

$('#total').text()
Run Code Online (Sandbox Code Playgroud)

如果使用 vue.js 2 如何获得它?

Bil*_*ell 5

为什么你的 HTML 看起来像那样?

您永远不需要在 Vue 应用程序中执行您要求的操作。使用 MVVM 应用程序,您将拥有以下内容:

new Vue({
  data: {
    total: 10,
  },
})
Run Code Online (Sandbox Code Playgroud)

然后是一个模板,如:

<span class="badge" id="total">{{ total }}</span>
Run Code Online (Sandbox Code Playgroud)

这样,在您的 VM 中,当您设置this.total = 12DOM时,DOM 将自动更新并this.total始终返回您的总数。