vue.js怎么获取某个dom元素的值-木庄网络博客

vue.js怎么获取某个dom元素的值

2022-04-19 03:50:00 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

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代码：

1 2	`<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.js中的props（单向数据流）

更多相关阅读请进入《vue.js》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » vue.js怎么获取某个dom元素的值

vue.js怎么获取某个dom元素的值

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论