vue.js怎么获取某个dom元素的值？下面本篇文章给大家介绍一下vue.js获取某个dom元素值的方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。
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);
}
}
});
结果：
Vue.js2.0
Vue.js 2.0使用了 r来源gaodaimacom搞#^代%!码网ef 替换掉了 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);
}
}
});
更多web前端开发知识，请查阅 搞代码网 ！！
以上就是vue.js怎么获取某个dom元素的值？的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js怎么获取某个dom元素的值？
转载请注明原文链接：vue.js怎么获取某个dom元素的值？
