
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 · 3067 阅读 · 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 · 692 阅读 · 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 · 354 阅读 · 0 评论 -
Vant:多行文字变一行文字,其余变省略号
文字省略当文本内容长度超过容器最大宽度时,自动省略多余的文本。<!-- 最多显示一行 --><div class="van-ellipsis">这是一段最多显示一行的文字,多余的内容会被省略</div><!-- 最多显示两行 --><div class="van-multi-ellipsis--l2"> 这是一段最多显示两行的文字,多余的内容会被省略</div><!-- 最多显示三行 --><d原创 2021-11-14 21:22:59 · 2630 阅读 · 1 评论