vue.js获取某个dom元素值的方法:1、在【vue.js1.0】版本可以通过【v-el】来取得dom元素;2、在【Vue.js2.0】版本使用ref属性来标识一个元素。
本教程操作环境:windows10系统、vue2.5.2,本文适用于所有品牌的电脑。
【相关文章推荐:vue.js】
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);
}
}
});
结果:
2、Vue.js2.0版本
Vue.js 2.0使用了 ref 替换掉了 v-el和v-ref,使用 ref 属性来标识一个元素。 .
我们写的时候就变成了
确定
调用时还是一样的var vm = new Vue({
el: '#app',
methods: {
ok() {
var xx = this.$refs.sxx.value;
console.log(xx);
}
}
});相关免费学习推荐:JavaScript(视频)