vue实例属性(vm.$els)
来源:互联网 发布:php采集网页内容 编辑:程序博客网 时间:2024/06/02 04:13
不需要表达式
参数:
id
(必需)用法:
为 DOM 元素注册一个索引,方便通过所属实例的
$els
访问这个元素。注意:
因为 HTML 不区分大小写,camelCase 名字比如
v-el:someEl
将转为全小写。可以用v-el:some-el
设置this.$els.someEl
。
我的理解:$els类似于document.querySelector('.class')的功能,可以拿到指定的dom元素。
Eg:
<div v-el:mainContainer></div>
var _dom = this.$els.maincontainer
注意:在取该dom元素时,不识别驼峰命名,如上例,绑定的值为mainContainer,但是在取dom的时候只能写maincontainer,否则将无法识别.
其实在上一篇文章中我就用到了 vue的实例属性 vm.$els
HTML代码:
<input type="text" class='name-input' placeholder='请填写项目名称' v-on:keyup.enter='saveProjectFun' v-el:addProject>
js代码:
//当用户按回车后,保存添加的项目 saveProjectFun:function(){ var obj={} obj.success=false; let name=this.$els.addproject.value; obj.projectName=name.replace(/\s+/g,""); this.projectData.push(obj); this.addp=true; }
其实 this.$els.addproject.value就相当于:document.querySelector('.name-input').value
0 0
- vue实例属性(vm.$els)
- VUE完整的VM实例
- Vue 中$els 的用法和理解
- Vue之实例属性
- Vue1.0学习总结(3)———vue1.0的生命周期、vue计算属性computed的使用、vue实例(vm)上方法总结、vue结合动画使用
- vue的指令实例属性
- Vue实例的计算属性
- Vue 实例--属性、方法、生命周期
- Vue基础(vue实例)
- vue计算属性的使用和vue实例的方法
- Vue学习日志:Vue实例(2)
- ELS备份
- vue-resource(实例应用)
- vue简单实例(todolist)
- vue实例的简单属性和方法调用
- 绑定 value 到 Vue 实例的一个动态属性上
- vue.js基础-属性与方法和实例生命周期
- vue属性
- UESTC 1059 秋实大哥与小朋友(线段树+离散化)
- 二分法典型应用(三)最大化平均值
- 使用HTML5里的classList操作CSS类
- Coding Contest-青岛区域赛网络流
- AOP面向方面编程
- vue实例属性(vm.$els)
- 华为2017实习生面试
- HDU2767 Proving Equivalences
- 初学Linux系统 心得体会
- java集合类
- linux常用指令之一:grep与正则使用样例
- 二叉搜索树
- PHP-$GET/$REQUEST/$POST
- Eclipse+CXF框架开发Web服务实战