解题思路
屿-·
这个作者很懒,什么都没留下…
展开
-
elementui 导航菜单跳转二级页面
跳转页面 二级菜单如果折叠 就看一下:default-active的值。原创 2024-03-12 18:52:24 · 532 阅读 · 0 评论 -
el-table中添加switch 且绑定值为0和1
switch开关经常用在是否启用的场合,但是switch默认绑定值的类型是布尔类型,即true和false,在实际的项目中,后端的接口都会用0和1来代替,如何将数值与状态进行关联呢?原创 2023-11-17 16:11:06 · 1373 阅读 · 0 评论 -
vue中echarts视图不更新
最近写了一个可视化,遇到最多的问题就是, 封装成组件 接口返回来。总结下来就是 监听是真香 后来遇到的很多问题都是用监听解决的。, 或者切换数据有数据 ,但可视化。2、在组件里监听数据有变化 手动赋值。1、直接在组件里判断有数据就可。问题就是数据只在第一次更新了。原创 2023-03-01 12:17:45 · 964 阅读 · 0 评论 -
vue导出excel
vue导出excel 超简洁原创 2023-03-01 10:48:21 · 291 阅读 · 2 评论 -
对象中取值
【代码】对象中取值。原创 2022-11-17 17:16:00 · 93 阅读 · 0 评论 -
类型和id对应的两个数组
两个picker进入的组件是一样的,保存传参数的时候需要把两个分别选中的数组id放到一个数组里,type放到另一个数组里,但这两个数组的type和id需要对应起来。因为返回的数据没有type,两个类型也是固定的值,所以拿到数据后,先自己给他push一个type。首先在进组件页面的时候,给一个参数,方便判断是哪个选择进的页面。先合并选择到的两个数据,然后拿出只有id和type对象的数组。组件接收数据后,在抛出数据的时候把type值也传出来。然后在保存数据传参的时候处理数据。做个数据处理的小记录。...原创 2022-08-09 16:19:35 · 106 阅读 · 0 评论 -
跳转页面后回不去默认页面
问题记录:默认页面跳转页面后 浏览器自带的返回箭头没有了 也就是不能返回。问题本质:路由跳转 replace和push的区别helpCenter(){ this.$router.replace('/hc/index') },区别: this.router.push跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面this.router.push跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面this原创 2022-05-23 15:46:21 · 591 阅读 · 0 评论 -
查找字符并判断
需求:当客服等待时间为天的时候,字颜色变红结果如下图:解决:首先用js内置方法indexof(简单来说就是得到数据的索引,如果查询到返回索引,反之返回-1)封装一个函数,再把需要判断的值放进去,然后添加动态class封装的函数如下:isRed(e){ if(!e) return; if(e.indexOf('天')==-1){ return false } else{ return true } },表格判原创 2022-04-24 11:11:29 · 240 阅读 · 0 评论 -
elmentui Tree组件单选问题以及清除选中状态
1、实现单选功能:主要利用tree组件中的check、setCheckedKeys方法,需要注意的是,此时必须设置node-key,其值为节点数据中的一个字段名,该字段在整棵树中是唯一的。<el-tree ref="tree" :data="data" show-checkbox node-key="dictCode" :props="defaultProps" @check="handleCheck"原创 2022-04-11 15:44:23 · 12284 阅读 · 0 评论 -
uniapp下一项功能
上篇是数据返回全部消息,为数组时,本篇是接口每次只返回一条消息,并且 每天弹过的消息只弹一次。每日只弹一次:传参数的时候需要把msgid拼接到一起,所以把每条已经弹过的msgId和当天的时间储存到本地,在调接口之前,先取出已有 的id,如果已经有id就拼接/** * 获取接口消息 */ getMsgData() { this.$u.api.msg.getNotifyMsg({ receiveStatus: 0, excludeMsgIds: this.g原创 2022-03-23 17:12:13 · 384 阅读 · 0 评论 -
uniapp 消息列表 下一项功能
查看消息列表的时候,会有下一项这个功能,如下图:首先得判断下一项这个按钮是在什么情况下出现:<view class="flex-around mt-20"> <view :class="count<2 ? 'bg-orange text-xl round-3 planWidth' : 'bg-theme text-xl round-3 px-n20 py-20'" v-if="isPlanShow" @click="addPlan"> 创建检查计划原创 2022-03-19 14:42:53 · 1157 阅读 · 5 评论 -
vue 报表下钻功能开发
拿到areaCode初始值,下钻的时候把点击获取到的areaCode赋值上去就可以实现下钻功能let data = { areaType: this.areaType, // 后台默认是1 areaCode: this.reqData.areaCode, } ceApi.getcqData(data).then(res => { if (res.success) { this.loading =原创 2022-02-28 18:01:16 · 2150 阅读 · 1 评论 -
vue点击按钮切换样式
点击全部 切换样式给一个click点击事件,动态样式绑定两个class(vue官网:绑定class的对象语法)<view class="type round-15" @click="whole" :class="{type:ys1,type_tips:ys2}">全部</view>用true和false判断ys1:true,ys2:false,方法:whole(){ // 当点击第一次时,ys1从true变为false,Style样式type就会隐藏 // 再原创 2022-02-16 13:31:55 · 11601 阅读 · 2 评论 -
vue自定义按钮单选和多选
自定义按钮单选:单选样式如上用for循环出每一项的Index作为判断依据,index改变后 把index给num,改变其动态样式。此处的样式用的是tm-vuetify框架里的样式,动态的样式必须写在style里,否则不起作用。<view class=" flex flex-wrap"> <view class="type flex-center text-size-n ma-20 mb-5 py-20 px-20" v-for="(item,index) in punishLi原创 2022-02-15 13:24:50 · 2438 阅读 · 0 评论 -
监听浏览器左侧宽度计算距离
问题:左侧的tab栏切换需要定位在左侧方案一:我先想到的是相对定位,但由于上面的两个tab切换是组件,所以在下面定位出去 他就会消失,也就是隐藏,脱离文档流了,但也会隐藏,不知道原因。后来用了固定定位,可以出现 但不能自适应。方案二:在首页分为两个盒子。问题出现:头部会被撑开方案三:监听浏览器左侧的宽度 计算距离(可以实现)首先给整体的tab栏加个动态的固定定位样式<div class="tab" :style="{position: 'fixed',left:flexLT.lef原创 2021-12-08 11:21:27 · 517 阅读 · 0 评论 -
uniapp中菜单双联动效果
uniapp中 菜单双联动效果,就是点击左侧的目录,右侧滚动到相应的文章位置,并且高亮闪烁三次。效果图:做这个的时候,先做跳转,我首先想到的是html中的锚点链接,用id,但这个内容是循环出来的,不能直接用link写,然后我就开始了一大波的百度,这个时候搜索关键词就尤为的重要,我之前一直搜的是锚点链接跳转相应列表,找了好久,出来的都是监听滚动事件,如果内容少的话,就可以,但放在这里,显然不太行。然后我就迷茫了,开始找别人问,他告诉我说商城列表会用到这个,一下子点醒了我,我开始搜关键词为菜单双联动,原创 2021-10-11 22:11:06 · 1344 阅读 · 0 评论 -
vue条件绑定处理样式
我们在做前端页面时,为了更直观的展示数据,我们希望通过条件判断来让页面显示不同的样式,比如:首页中的导航栏:我的频道:当哪个导航栏的高亮效果显示时,我的频道 中就显示哪一个思路:将首页中的激活的标签索引传递给频道编辑组件在频道编辑组件中遍历我的频道列表的时候判断遍历项的索引是否登录激活的频道标签索引,如果一样则作用一个高亮的css类名给我的频道中的Button绑定处理样式::class="{ active: index === active }"此处用到了v-bind:class 语原创 2021-07-15 14:04:17 · 1396 阅读 · 2 评论