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(视频)
Atas ialah kandungan terperinci vue.js怎么获取某个dom元素的值. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!