随笔分类 -  vue

上一页 1 2 3
VUE 利用tab切换+同路由跳转传参(check)+vant上拉加载制作订单列表(终)
摘要：做的过程中，遇到了很多坑，比如说上拉加载中，当切换tab标签时，page1/2/3/4互相影响 ；而引起此原因是因为点击tab时应该再做一次相应的数据初始化、以及防止数据重复的flag还有就是重复调用接口，导致的诸多问题。最后，终于好了，但代码还有待优化。有什么想法的朋友请联系我，大家共同进步学习。 阅读全文
posted @ 2020-05-19 14:10 夏小夏吖 阅读(2349) 评论(0) 推荐(0)
Vue仿淘宝订单状态的tab切换效果——（但现实中不会用此种方式进行存储数据）
摘要：以下代码直接复制到vue文件中即可用 一、template代码 <template> <div class="orderIndex"> <div class="orderTop"> <div class="orderSearch"> <div class="searchBox"> <form> <i 阅读全文
posted @ 2020-05-15 01:28 夏小夏吖 阅读(707) 评论(0) 推荐(0)
Vue中使用transform的translateX来实现下滑线跟随导航。
摘要：直接看代码。 1、template中的代码 <ul class="tab" :style="{height: tabheight}"> <li ref="iWidth" v-for="(item,index) in tabList" :key="index" :class="{'on': check 阅读全文
posted @ 2020-05-15 00:22 夏小夏吖 阅读(4901) 评论(0) 推荐(0)
Vue设置当请求的数据没有回来，img标签显示默认头像，数据回来显示请求回来的图片
摘要：一、首先html部分 <div class="avatar"> <img :src="docUrl ? docUrl : default_img" alt /> </div> 二、在JS中，根据请求回来的数据是null：{}或者有数据来判断头像显示，并引入本地静态图片 <script> export 阅读全文
posted @ 2020-05-11 10:42 夏小夏吖 阅读(1892) 评论(0) 推荐(1)
VScode中的代码片段
摘要：一、关于js常用的代码片段 { // Place your 全局 snippets here. Each snippet is defined under a snippet name and has a scope, prefix, body and // description. Add com 阅读全文
posted @ 2020-05-11 10:17 夏小夏吖 阅读(2980) 评论(1) 推荐(4)
vue打包报错：vue打包 file:///C:/reset.css net::ERR_FILE_NOT_FOUND
摘要：打包之前，在vue.config.js中配置：publickPath 而且，public文件夹下的index.html引用reset.css可试用以下方式： <link rel="stylesheet" href="<%= BASE_URL %>css/reset.css"> 再执行npm run 阅读全文
posted @ 2020-03-16 13:31 夏小夏吖 阅读(3944) 评论(0) 推荐(0)

上一页 1 2 3