這篇文章主要介紹了vue.js中如何獲取某個dom元素的值，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
vue.js獲取某個dom元素值的方法：1、在【vue.js1.0】版本可以通過【v-el】來取得dom元素；2、在【Vue.js2.0】版本使用ref屬性來標識一個元素。
vue.js獲取某個dom元素值的方法：
1、vue.js1.0版本
可以通過：v-el 來取得dom元素
例如：
html代碼：
<input type="text" name="xxx" id="xxx" v-el:sxx />
<button @click="ok()">確定</button>js代碼：
var vm = new Vue({
el: '#app',
methods: {
ok() {
var xx = this.$els.sxx.value;
console.log(xx);
}
}
});結果：
2、Vue.js2.0版本
Vue.js 2.0使用了 ref 替換掉了 v-el和v-ref，使用 ref 屬性來標識一個元素。 .
我們寫的時候就變成了
<input type="text" name="xxx" id="xxx" ref='sxx' /> <button @click="ok()">確定</button>
調用時還是一樣的
var vm = new Vue({
el: '#app',
methods: {
ok() {
var xx = this.$refs.sxx.value;
console.log(xx);
}
}
});感謝你能夠認真閱讀完這篇文章，希望小編分享vue.js中如何獲取某個dom元素的值內容對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
