![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue开发问题
qq_16945933
这个作者很懒,什么都没留下…
展开
-
身份证号码中间显示*星号
替换身份证中间号码为星号原创 2022-06-20 13:11:01 · 1719 阅读 · 0 评论 -
textarea的替代品div.contenteditable
标签定义多行文本属性控件,可容纳无限数量的文本,通过cols,rows属性设置textarea尺寸,当然也可以用css的width、height属性。需求: textare作为文本输入固然好用,但是在实际项目中,通过平台识别出来的原文和译文内容,需要默认展示出所有的字幕内容,不能滑动,textare无法自适应文字的高度,用户使用非常不方便,每次都要去拖拽textare的高度。第一波尝试:可编辑div(引发了其他问题,时间紧急直接放弃了)刚开始采用了div.contenteditable可编辑的div,原创 2022-01-29 15:32:47 · 1376 阅读 · 1 评论 -
Vue判断样式
动态class对象:动态class数组:动态style对象:动态style数组:原创 2021-12-24 15:26:34 · 993 阅读 · 0 评论 -
vue微信公众号授权开发流程
vue微信公众号授权开发流程项目采用的是vue2.0开发的,还未更新到vue3.0.项目描述:只有通过微信授权登录,不需要绑定手机号。1、注册公众号,这个不多说了2、配置公众号在【公众号号设置】-【功能设置】-配置JS接口安全域名和网页授权域名;其中网页授权域名用于授权回调。3、授权流程(1)在author页面, 先判断是否有token,如果有则直接进入首页(如果接口返回了401,则说明token失效,清除缓存token,跳转到授权页面)。(2)如果没有token,则需要查看是否有code原创 2021-06-08 17:06:59 · 1966 阅读 · 0 评论 -
vue中列表排名,动态拼接地址,使用本地的图片不显示
在view模板中渲染数据时,需要这样显示: <!-- 动态拼接地址,使用本地的图片不显示 --> <!-- <img class="rank fl" :src="@/assets/img/rank/No."+{{index}}+"@2x.png" alt=""> --> <!-- 换这个方法 --> <img v-if="index<3" class="rank fl" :src="require('../../assets/img/r原创 2020-07-29 11:43:08 · 276 阅读 · 0 评论 -
VUE中实现展开、收起操作,动态改变元素高度
一、展开收起功能要求:课程简介,超过两行就隐藏,并且显示展开按钮;思路:1、利用css的属性默认显示2行,我写了一个公共的class(如ellipsis2) .ellipsis2{ // 仅显示2行,多余省略 overflow: hidden; display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-brea原创 2020-07-27 11:18:10 · 3673 阅读 · 0 评论 -
Vue列表中,如何实现多选?
首先看一下html列表:第一步:写html结构时,需要将选中的状态写好,当div的class是checked-item时,是选中的状态,所以我们只需要判断选中的时候,class带有checked-item即可;第二步:获取当前选中的id,@click="checkGroup(item.id)第三步:在选中的事件checkGroup中做处理:点击将id存放在数组groupIds中;includes()方法判断是否包含某一元素,返回true或false表示是否包含元素,对NaN一样有效如果包含此id(原创 2020-07-15 09:50:25 · 4356 阅读 · 0 评论 -
vue中v-for渲染,仅显示3条
vue中v-for渲染,实现显示3条,数据arr.slice(0,3),即可取出arr数据的前三条<div class="lc-item shadow-bd" v-for="(item,index) in newLessionList.slice(0,3)" @click="goBestStudy(item.id,item.courseId)" :key="index" > <div class="lc-cover">原创 2020-07-15 09:27:00 · 5608 阅读 · 3 评论