這篇文章主要介紹了vue.js中如何獲取某個dom元素的值，具有一定借鑒價值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)公司是一家專注于成都網(wǎng)站設(shè)計、網(wǎng)站制作與策劃設(shè)計,漾濞網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:漾濞等地區(qū)。漾濞做網(wǎng)站價格咨詢:18982081108

vue.js獲取某個dom元素值的方法：1、在【vue.js1.0】版本可以通過【v-el】來取得dom元素；2、在【Vue.js2.0】版本使用ref屬性來標(biāo)識一個元素。

vue.js獲取某個dom元素值的方法：

1、vue.js1.0版本

可以通過：v-el 來取得dom元素

例如：

html代碼：

            確定

js代碼：

var vm = new Vue({
    el: '#app',
    methods: {
        ok() {
           var xx = this.$els.sxx.value;
           console.log(xx);
        }
    }
});

結(jié)果：

2、Vue.js2.0版本

Vue.js 2.0使用了 ref 替換掉了 v-el和v-ref，使用 ref 屬性來標(biāo)識一個元素。 .

我們寫的時候就變成了

確定

調(diào)用時還是一樣的

var vm = new Vue({
    el: '#app',
    methods: {
        ok() {
           var xx = this.$refs.sxx.value;
           console.log(xx);
        }
    }
});

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享vue.js中如何獲取某個dom元素的值內(nèi)容對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)，詳細(xì)的解決方法等著你來學(xué)習(xí)!