vue遇到的坑
来源:互联网 发布:扫描ocr软件 编辑:程序博客网 时间:2024/05/16 08:35
父级组件采用数据驱动渲染出来的导航栏之后,由于页面渲染的是子组件,这个时候在子组件中去触发父级组件上的事件并没有发生,这个时候反复找了网上查找了一些资料,刚开始百度到了一个关于v-for与click事件搭配出现失效的问题,由于我的父级组件也是通过v-for数据驱动渲染出来的页面,这个时候从这个方面出发,一直查找都没有答案,后来发现,当我们在子组件中去触发父级组件的时,父级组件的事件后面应该加个修饰符native
错误失效的写法
<router-view></router-view> <ul class="mainFooter"> <router-link v-for="(item,index) in listes" :to="item.path" tag="li" :class="[item.isActive ? activeClass : commonClass]" :key="item.id" @click="change(index)"> <span><i :class="item.classObj"></i></span><span>{{ item.text }}</span> </router-link> l</ul>
正确的做法
<router-view></router-view> <ul class="mainFooter"> <router-link v-for="(item,index) in listes" :to="item.path" tag="li" :class="[item.isActive ? activeClass : commonClass]" :key="item.id" @click.native="change(index)"> <span><i :class="item.classObj"></i></span><span>{{ item.text }}</span> </router-link> </ul>
阅读全文
1 0
- vue遇到的坑
- vue中遇到的坑
- vue.js使用vue-cli打包遇到的坑,问题
- vue安装所遇到的坑
- 初学vue遇到的坑(一)
- vue v-for遇到的坑
- vue实战中遇到的`坑`
- 创建Vue时遇到的坑
- 使用vue遇到的问题
- Vue遇到的bug-01
- vue-cli 遇到的问题
- 遇到的vue栈点
- 在项目中遇到的一些关于vue的坑
- vue引入css,less遇到的坑和解决办法
- 初识前端框架(Vue)打包遇到的坑~
- 记vue模版语法遇到的一个坑
- vue.js通过cli脚手架安装stylus遇到的坑
- 使用vue cli开发项目中遇到的坑
- java HttpServer构建http服务器
- 基于3dtiles做的视域分析
- 【剑指offer-解题系列(48)】求1+2+3+...+n
- java(第十章)--接口、继承和多态 ;
- 浏览器启动劫持
- vue遇到的坑
- 关于分布式数据库架构的思考
- 基于Dragonboard 410c的家庭共享云服务搭建
- SQL事务回滚
- mysql乱码的解决方法
- Jni of linux platform
- KVM管理虚拟机的常见命令形式
- 清除C盘系统垃圾和缓存的批处理bat文件
- Tomcat部署项目不加项目名访问,不加8080访问