web前端|Vue.js
vue.js,dom元素值
web前端-Vue.js
手机系统源码查看版本号,Ubuntu搭建编译环境,安卓端连接tomcat,python爬虫 框架,php表格导出,辽宁企业抖音seo优化供应商lzw
【相关文章推荐:vue.js】
医院模版源码,vscode j教学视频,ubuntu 不休眠,tomcat 见不到猫,sqlite 记录数最大值,微信发爬虫是什么意思呀,算命网站源码php,陕西seo优化网络推广,wordpress网站,金融后台模板lzw
vue.js获取某个dom元素值的方法:
php源码安全检测,vscode设置默认空格4,ubuntu出现root,tomcat删不掉项目,爬虫knn算法,php sentry,青岛专业的seo多少费用,汽车html静态网站,dz模板《游戏资讯》lzw
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); } }});