vue获取dom元素值
来源:互联网 发布:罗湖网站建设优化 编辑:程序博客网 时间:2024/06/17 03:36
1、通过refs来获取dom元素内容
2、需要利用到jq,但是不支持,学习vue.js,都说需要抛弃jq,否则会禁锢你的思想
通过refs方法
ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素; 如果用在子组件上,引用就指向组件实例。这里主要是介绍在普通dom元素上使用。看下面的例子:
无论是点击aa还是bb都能获取到类名为aa的元素值。
HTML
<div id="App"> <div class="aa" ref="menuItem" @click="aa($event)">aa</div> <div @click="bb">bb</div></div>
JS
<script> new Vue({ el: '#App', methods: { bb: function() { var getMenuText = this.$refs.menuItem.innerText; console.log(getMenuText);//aa }, aa: function(e) { var el = e.target; console.log(el);//<div class="aa">aa</div> } } })</script>
通过jq方式
个人见解:两种方式并用,感觉有点冗余。话不多说,看上面的例子,aa的点击事件
var el = e.target;// 当前元素,可修改(利用jq,可获取到他的子元素)var el = e.currentTarget; //当前元素,不可修改(不能用此方法获取到他的子元素)
阅读全文
1 0
- vue获取dom元素值
- 在vue中获取dom元素
- vue获取dom元素的内容
- 在vue中获取dom元素
- vue中获取v-for中的dom元素
- Vue—用$refs获取DOM元素+导出Excel
- dom元素值的获取
- dom元素的获取
- DOM获取元素大小
- dom元素获取
- DOM元素尺寸获取
- Jsoup获取DOM元素
- 获取DOM元素样式
- JavaScript获取DOM元素
- 获取Dom元素方式
- DOM元素的获取
- vue 获取当前点击dom
- vue绑定dom元素标签的方式
- 基于Vue 2和高德地图的地图组件
- 一行代码搞定漂亮的Android6.0权限申请界面
- spring都注入哪些东西
- 最全git命令
- 笔记:设置redhat 7.2 默认root用户启动以及网络服务自启动
- vue获取dom元素值
- Android——BLE通讯开发
- MySQL的Replace into 与Insert into on duplicate key update真正的不同之处
- html5调用手机摄像头(图片可多选)
- EL表达式
- C语言如何获得精确到 毫秒 的时间
- 挑战程序竞赛系列(6):2.1穷尽搜索
- UE4自适应小地图制作
- 应用机器学习(五):支持向量机