
Vant
*初级小白*~
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
VantUi 底部Tabbar跳转页面的方法以及产生的Bug问题
第一种方法:使用计算属性(computed)进行(if判断 / switch case) 需要加上get()和set(),不然报错 <template> <div> <van-tabbar v-model="active" active-color="darkred" inactive-color="#666"> <van-tabbar-item icon="home-o" to="/home">首页</van-tabbar-it转载 2021-11-17 01:41:01 · 3112 阅读 · 0 评论 -
框架轮播图的自适应高度
<!-- 轮播图 --> <van-swipe class="my-swipe" :autoplay="3000" indicator-color="darkred" :style="{height:h}"> <van-swipe-item v-for="item in banner" :key="item.id"> <img :src="item.image_url" alt="" width="100%" style="d..原创 2021-11-15 15:37:31 · 712 阅读 · 0 评论 -
(小技巧)快速修改某个数组中一个或多个对象的属性名
先进行深拷贝,再做替换: JSON.parse(JSON.stringify(data).replace(/name1/g, 'new_name1').replace(/name2/g, 'new_name2').replace(/name3/g, 'new_name3')...) replace可以重复链式编程,name1表示旧属性名,new_name表示新属性名原创 2021-11-14 22:11:03 · 368 阅读 · 0 评论 -
Vant:多行文字变一行文字,其余变省略号
文字省略 当文本内容长度超过容器最大宽度时,自动省略多余的文本。 <!-- 最多显示一行 --> <div class="van-ellipsis">这是一段最多显示一行的文字,多余的内容会被省略</div> <!-- 最多显示两行 --> <div class="van-multi-ellipsis--l2"> 这是一段最多显示两行的文字,多余的内容会被省略 </div> <!-- 最多显示三行 --> <d原创 2021-11-14 21:22:59 · 2664 阅读 · 1 评论