2017-03-29 14 views
-1

私が持っている:vue.js 2を使用してテキストを取得する方法は?

<span class="badge" id="total">10</span> 

を私はjqueryのを使用している場合:

$('#total').text() 

vue.js 2を使用している場合、それを取得する方法は?

+1

jQueryを使用しない場合は、javascriptを使用できます。document.getElementById( 'total');またはdocument.querySelector( "#total"); Vue.jsを使用する場合は、 {{total}}を使用し、データまたは計算されたプロパティに合計を設定することができます – SLYcee

+1

仮想DOMを使用するライブラリでは、 DOM。これが単なる読み取り操作の場合は、@ SLYceeが提案した内容に進んでください。代わりにその値を変更したい場合は、その値を状態にすることが正しい方法です。あなたは状態を変更するだけで、すべてが自動的に起こります! – aks

+1

これらはコメントではなく回答でなければなりません。 –

答えて

4

なぜあなたのHTMLはそのように見えますか?

あなたはVueアプリケーションで求めていることを決して行う必要はありません。その後

new Vue({ 
    data: { 
    total: 10, 
    }, 
}) 

のようなテンプレート:MVVMアプリケーションを使用すると、のようなものがあるだろう

<span class="badge" id="total">{{ total }}</span> 

その方法をあなたはthis.total = 12を設定すると、あなたのVMで、DOMが自動的に更新されますとthis.totalは常にますあなたの合計を返します。

関連する問題