关于vue的项目有关问题(随时更新)
来源:互联网 发布:淘宝卖家信息 编辑:程序博客网 时间:2024/05/21 22:41
最近在看慕课的vue的高仿饿了么项目,视频是基于vue1.0的,所以中间有很多坑,一直想记下来~除了版本问题还想记下关于vue的一些自己经常出错的地方,予以记录和警示。
利用ref属性可以获取到dom元素或者是子组件,从而可以调用子组件的方法
注意:实例通过$refs来访问子组件,且命名规则不能为驼峰式,应为-型.
(1)当ref直接定义在dom元素上时,则通过this.$refs.name可以获取到dom对dom进行原生的操作
<div class="foodMenu" ref="food-menu">
通过this.$refs获取到dom进行操作(注意ref属性的命名不能用驼峰,同时获取的时候也是)
let menuList=this.$refs['menu-wrapper'].getElementsByClassName('menu-list-hook');
此处如果用this.$refs[“menuWrapper”]将获取不到元素
(2)通过在引用的子组件上使用ref属性实现父组件调用子组件的方法以及属性
<v-food ref="shopcart"></v-food>
调用定义在子组件中的方法show
this.$refs.shopcart.drop(target);//同时也可以调用子组件中的属性
http://www.cnblogs.com/heshan1992/p/6905452.html
阅读全文
0 0
- 关于vue的项目有关问题(随时更新)
- 关于DOTween的一些控制(随时更新)
- 正则表达式的的语法问题(随时更新)
- node.js项目开发问题集锦(不定期更新,随时把开发过程中遇到的问题加上)
- node.js项目开发问题集锦(不定期更新,随时把开发过程中遇到的问题加上)--转载
- 我的Linux问题小记录(随时更新)
- 论坛各种问题总结--(随时更新)
- 论坛各种问题总结--(随时更新)
- 关于背包问题的一点点笔记(随时补充)
- 我的近况(随时更新)
- 值得关注的新技术(随时更新)
- 一些零散的记录(随时更新)
- nginx的数据结构集合(随时更新)
- 不错的链接(随时更新)
- 随时更新的日记
- vue.js 2.0项目遇到的问题整理(持续更新中)
- 股票(随时更新)
- 关于C语言知识点总结(随时更新中)
- Android 主题切换/换肤方案 研究(三)
- Python HTTPConnectionPool [Errno 11004]
- 超越感觉 读后小结
- 欢迎使用CSDN-markdown编辑器
- Linux下.tar.xz结尾的文件的压缩/解压方法
- 关于vue的项目有关问题(随时更新)
- Redis CAS乐观锁实现
- 【PAT】【Advanced Level】1122. Hamiltonian Cycle (25)
- 成衣植入RFID极可能成为一大趋势
- Function Run Fun HDU
- Unity_遮挡剔除
- android sensor 1
- 解决 Android Studio 提交不了*.so文件到svn
- ngnix加载tomcat项目,出现,net::ERR_CONTENT_LENGTH_MISMATCH