随笔分类 -  vue

关于vue的学习以及踩坑记录
摘要:在学习vue指令的时候发现一个JavaScript数组的坑,记录一下 (1)数组排序处理 <div id="app"> <ul> <li v-for="item in sortItems"> {{item}} </li> </ul> </div> <script type="text/javascr 阅读全文
posted @ 2020-04-15 21:30 风灵灵 阅读(12337) 评论(0) 推荐(0)
摘要:最近在用vue写一个商城项目,因为多个页面都需要头部尾部,故想将公共头部尾部作为组件引入页面。 实现方法如下: 将头部尾部分别写入一个单独的页面。 上代码: 头部: <template> <div class="gs-quick-menu"> <div class="container"> <!-- 阅读全文
posted @ 2020-04-03 14:45 风灵灵 阅读(5820) 评论(0) 推荐(0)
摘要:遇到一个页面刷新的问题,记录一下 1、this.$router.go(0)这种方法页面会一瞬间的白屏,体验不是很好,虽然只是一行代码的事2、location.reload()这种也是一样,画面一闪,效果总不是很好3、跳转空白页再跳回原页面在需要页面刷新的地方写上:this.$router.push( 阅读全文
posted @ 2020-03-21 14:13 风灵灵 阅读(3616) 评论(0) 推荐(0)
摘要:今天在看项目源码时看到<router-link to="/personal/coll" exact>,对exact的用法很好奇,特意查了下。 也就是说设置exact后会精准匹配链接跳转 更多关于<router-link>相关知识点可以查看该链接https://www.jianshu.com/p/9f 阅读全文
posted @ 2020-03-21 13:49 风灵灵 阅读(258) 评论(0) 推荐(0)
摘要:在使用vue时会出现加载渲染页面时闪烁,一般有以下两个情况: 1.使用了{{}},解决方案使用v-bind 2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。 以上两个问题都可以使用以下的方案来解决。 在css中定义 [v-cloak] { display:none; } 阅读全文
posted @ 2019-11-22 22:04 风灵灵 阅读(1361) 评论(0) 推荐(0)
摘要:运行vue项目报错 检查一下该项目文件夹中的package.json文件 在script里,并没有dev,而是serve,应该用npm run serve命令运行vue项目即可。 阅读全文
posted @ 2019-11-09 10:52 风灵灵 阅读(416) 评论(0) 推荐(0)
摘要:从Git/GitHub上拉取或下载的项目如何在本地跑起来并展现出来 拉取: 下载: 当出现以下 无法在浏览器上打开时可以在config里的index.js文件夹里修改 或者 注意:0.0.0.0的含义如下 IPV4中,0.0.0.0地址被用于表示一个无效的,未知的或者不可用的目标。 在路由中,0.0 阅读全文
posted @ 2019-11-09 09:58 风灵灵 阅读(12586) 评论(0) 推荐(0)