随笔分类 - Vue
摘要：需求，非叶子节点显示 主题名称+主题下的指标；叶子节点显示代码+名称 1、设置prop属性 <el-tree :data="dimListTree" ref="dimListTree" row-key="getGroup" :props="treeProps" :allow-drop="allowD
阅读全文
摘要：let time = new Date()console.log(time) //打印结果为：Wed Aug 31 2022 10:47:48 GMT+0800 (中国标准时间)console.log(time.toLocaleString()) //打印结果为：2022/8/31 10:49:41
阅读全文
摘要：发现这个问题的背景是后端返回数据根据组排序，然后每个组中的对象按照某个字段进行排序显示 一开始是这样的 并不生效 修改后 排序生效。 可以看到只是把入参提取出变量，就可以了，那么为什么之前写的不能识别 原因就出在 a.code-b.code 这个字符串下相减的操作是一个 NAN 导致sort 入参错
阅读全文
摘要：找到undefined判断下，如果是直接将本组循环跳出去找后边一组
阅读全文
摘要：const column = [ { name: '张三' }, { name: '张三' }, { name: '李四' } ] // 去重 const map = new Map() for (const item of column) { if (!map.has(item.name)) {
阅读全文
摘要：map : { "name":"TomasFeng","age":"14"} for (const item in map) { console.log(item) //获取map属性 console.log(map[item]) //获取map值 }
阅读全文
摘要：背景： 列表A：初始列名称列表 对象B：{ name1:newName1; name2:newName2 } 对象B记录了一部分需要修改的列名称。 根据列表A使用v-for动态渲染出列名，根据需要修改某一列名字。因为修改了列名称后，请求的数据字段也会修改，如果表头不变化，那么数据不能渲染。 解决方法
阅读全文
摘要：现有前端列表list:[1,2,3,4] 后端需要接收的参数为1,2,3,4 传输时使用 list.join(',')将[1,2,3,4]转变为 1,2,3,4
阅读全文
摘要：直接上代码 两个要点： 1、v-for循环创建盒子 2、使用函数给盒子id赋值 函数方法
阅读全文
摘要：vue使用数组中的元素绑定v-show会遇到失效的问题，即绑定v-show的值已经改变，但是无法反映到dom上面，此时应该改为使用this.$set(this.showLoading,index,false)进行赋值 <div v-show="getSomeThing(index)></div> g
阅读全文
摘要：/** * * @param list 待处理列表 * @param key 分组字段 * @returns {{[p: string]: *, list: *}[]} */ handleData(list,key){ //得到数据的主键列表 let keysArr = list.map(item=
阅读全文
摘要：option = { //设置图标标题 title: { text: '折线图' }, //图标提示框组件 tooltip: { //触发方式 axis坐标轴触发 trigger: 'axis' }, //图例组件 legend: { data: ['邮件营销', '联盟广告', '视频广告', '
阅读全文
摘要：头天晚上刚写了在Vue中读取js配置文件，下午领导又让这个配置文件最好是部署到项目上可修改的。所以js需要打包后可修改。 1、创建js文件 内容为 2、index.html中引入这个js文件 3、在vue.config中 调用免打包配置文件 4、现在 在界面中就可以拿到 js中定义的常量 confi
阅读全文
摘要：做免密登录的功能后，架构师要求做一个免密的登录判断，在js中写好地址后，免密判断地址是否合法。那么在走判断的实惠就需要引入js文件的常量 1、js文件声名一个常量并暴露 2、Vue界面 引入 这样就将数据拿进来了
阅读全文
摘要：引言 在学习javascript的过程中，变量是无时无刻不在使用的。那么相对应的，变量声明方法也如是。变量是由自己决定，但变量声明方法是早已经定义好的。那么在使用变量之前，了解变量声明方法，就变得尤为重要。在ES6推出之前，最常用的声明变量方法就是var。但是由于var自身的缺陷，ES6推出了let
阅读全文
Vue项目引入自定义的CSS文件。These dependencies were not found: To install them, you can run: npm install --save
摘要：项目需要按照规范 修改一些 样式，但是涉及地界面多，所以想将CSS单独定义。在需要修改的界面引入该CSS即可完成效果 一开始引入报错，如标题。 项目是用ruoyi地脚手架搭起来的 开始是这么引入的。 报错。 改成上边这样 就生效了。 应该是粒径的问题。
阅读全文
摘要：有个需求是在创建界面时，渲染一个级联选择器的数据。而Vue的created生命周期函数时并发执行的 级联一级发A请求，级联二级数据发B请求 处理逻辑是先拿到A渲染到数据中，在把B数据加到A上 然而如果不做控制就会出现B请求 先于A请求先拿到数据。处理逻辑是写在B请求的函数中的 最终导致的效果是，级联
阅读全文
摘要：做测试时候发现级联选择器有时候点击，绑定的数据可以获得，但是级联选择器的显示是空的。 选择之后 就会变回这样，但是绑定的数据时拿到了的。 原因分析：v-model导致的错误 代码修改： 把这个v-model删掉，我把绑定值的操作放到函数中进行。而且这个级联不在表单内。所以这样解决了问题
阅读全文
摘要：背景是这样，前端有一个级联选择器，在选择后根据分类不同，在后端查一个列表；上边框选择不同的分类，下边选择的列表不同 我想把选好的参数作为一个列表传到后端 既然是查询，就用Get请求方式发送，但是后端使用 @GetMapping+@RequestParam始终不能获取到。 但是将参数列表参数一个一个传
阅读全文
摘要：自定义的css targetValueClass 修改el-dialog样式时，之间有一个空格，切记 不加空格是灰色，未生效
阅读全文
