关于vue的项目有关问题(随时更新)
2017-09-13 15:59
316 查看
最近在看慕课的vue的高仿饿了么项目,视频是基于vue1.0的,所以中间有很多坑,一直想记下来~除了版本问题还想记下关于vue的一些自己经常出错的地方,予以记录和警示。
通过this.$refs获取到dom进行操作(注意ref属性的命名不能用驼峰,同时获取的时候也是)
此处如果用this.$refs[“menuWrapper”]将获取不到元素
调用定义在子组件中的方法show
http://www.cnblogs.com/heshan1992/p/6905452.html
利用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
相关文章推荐
- node.js项目开发问题集锦(不定期更新,随时把开发过程中遇到的问题加上)
- 关于vue项目中全局引入一个 .scss文件的问题解决
- vue2.0关于set添加属性后视图不能更新的问题
- 关于项目中一些前端框架的问题汇总(持续更新)
- 关于vue项目中static文件下的静态文件找不到的问题
- 关于修改.net自带的安装部署项目中默认路径的有关问题,在哪修改默认安装路径
- vue项目中swiper动态更新后无法轮播问题 附带案例代码
- 关于webpack打包vue项目后的页面body为空的问题
- 关于在SSH项目中使用OpenSessionInViewFilter过滤器后数据库数据不更新的问题
- 关于vue项目的seo问题
- 关于Vue项目路由栏去除“#”的处理方法及其刷新页面时出现404问题
- 关于在eclipse中创建的web项目中web.xml不自动更新的问题
- web项目,关于eclipse编译问题,项目不会自动编译,老是要server remove项目,再布置才会更新编译。
- 关于ssh javaweb 项目插入或者更新数据后 mysql 数据乱码的问题
- vue.js 2.0项目遇到的问题整理(持续更新中)
- node.js项目开发问题集锦(不定期更新,随时把开发过程中遇到的问题加上)--转载
- webpack + vue 项目 自定义 插件 解决 前端 JS 版本 更新 问题
- 关于项目中SVN不能更新和提交的问题
- 关于计算机信息系统集成高级项目经理资质申报有关问题的补充通知
- 关于java项目工程一下乱七八糟问题记录(持续更新)