I have :
<span class="badge" id="total">10</span>
If I using jquery :
$('#total').text()
How to get it if using vue.js 2?
-
1If you don't want to use jQuery, you can use javascript : document.getElementById('total'); or document.querySelector("#total"); If you want to use Vue.js you can use <span class="badge">{{ total }}</span> and put total in data or computed propertiesHappyriri– Happyriri2017-03-29 13:07:37 +00:00Commented Mar 29, 2017 at 13:07
-
1With any library using virtual DOM you will not want to read/write directly to the DOM. If this is just the read operation, go ahead with what @SLYcee suggested. Instead if you will want to change that value, making it into an state is the right way to do it. So that you just change the state and everything happends automatically!aks– aks2017-03-29 13:16:21 +00:00Commented Mar 29, 2017 at 13:16
-
1These should be answers, not comments.Roy J– Roy J2017-03-29 13:37:42 +00:00Commented Mar 29, 2017 at 13:37
Add a comment
|
1 Answer
Why does your HTML look like that?
You should never need to do what you're asking in a Vue application. With a MVVM application you'd have something like:
new Vue({
data: {
total: 10,
},
})
Then a template like:
<span class="badge" id="total">{{ total }}</span>
That way, in your VM, when you set this.total = 12 the DOM will update automatically and this.total will always return your total.
