
Vue
有关vue知识
云轻i
不要为模糊不清的未来担忧,只需为清清楚楚的现在努力!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue手写单选全选
最近由于项目需求,写了一个单选全选的逻辑,直接拿到vue项目里即可运行思路:新建一个数组保存所选择的值,当不选择时找出那个不选的删除,最后可以通过监听这个数组,改变一些显示状态,包括计算合计,已选择的数量等等,单选和全选只负责他们该有的逻辑 <template> <div class='flex'> <div class="item" :class='item.isCheck ? "redColor" : ""' v-for='(item,index原创 2020-08-27 18:01:53 · 702 阅读 · 0 评论 -
搞懂vue-router/嵌套、命名路由/路由重定向...(二)
8.重定向和别名1.重定向先理解下为什么使用重定向,即开发中有时候我们设置的路劲不一致,但我们希望跳转到同一个页面,或者说打开同一个组件,就用到了重定向redirect参数router.js // 重定向 { path: '/user', component: () => import('../views/user.vue') }, { path:'/other', redirect:'/user' //重定向至user页面原创 2020-08-24 14:08:08 · 337 阅读 · 0 评论 -
搞懂vue-router/嵌套、命名路由/路由重定向...(一)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、安装二、路由对象1.定义2.路由对象属性三、用法1.项目初始化--引入2.主入口文件App.vue3.嵌套路由 (router-link)嵌套路由配置嵌套路由使用4.动态路由匹配使用场景单个路径参数多段路径参数获取当前路由参数5.编程式导航1.router.push()2.router.reolace()3.router.go(n)6.命名路由前言提示:本文是跟随vue-router官网逐步展开,希望能更深入了解vue原创 2020-08-20 17:42:15 · 2686 阅读 · 0 评论 -
vue父组件异步获取数据子组件不显示
这个问题遇到很多次,就是父组件中通过接口获取的数据,传给子组件,在子组件打印是空的原因:接口获取数据需要时间,而在这个数据没有获取到之前,子组件已经渲染完成,自然就拿不到数据了目前测试的有效的方法:1.当这个数据获取到的时候,再进行渲染,局限: 如果是弹框获取的话,就会产生一秒之后弹框才会出来的现象,影响界面效果//子组件<claimPerson ref='person' v-if='JSON.stringify(supplierCreateDetail) !== "{}"原创 2020-06-29 17:05:44 · 2982 阅读 · 2 评论 -
vue中父组件触发子组件函数
父组件触发子组件函数//子组件<child-div ref='child'></child-div>methods:{ handle () {console.log("我是子组件")}}//父组件this.$refs['child'].handle()this.$refs.handle()ps:ref='child'代表子组件在父组...原创 2019-04-15 21:17:18 · 1696 阅读 · 0 评论 -
vue使用vue-awsome-swiper报错 :Maximum call stack size exceeded
vue使用vue-awsome-swiper报错 :Maximum call stack size exceeded原因...因为自己定义的Swiper.vue里的name和 插件里的swiper重复了 修改后name: 'HomeSwiper', 换个名字就好了解释: 你的swiper组件的name属性不能和组件名相同 name的作用:...原创 2019-02-19 17:17:00 · 953 阅读 · 0 评论