11 2021 档案

computed与watch的爱恨情仇
摘要：0 缘起 今天做一个标签切换功能的时候，测试跟我说这玩意切换后没了。我一皱眉，怎么可能，我自己也测试了，刷新后还在啊。然后她跟我说，她是直接点了下拉框切换...... 行吧，不就是BUG嘛嗯修就完事了，于是一上午过去了...... 1 你说让我爱你不容易 这个companyName原本有两种途径获取 阅读全文
posted @ 2021-11-29 14:16 乐盘游 阅读(44) 评论(0) 推荐(0)
promise再爱我一次之省市区范围选择
摘要：0. 背景 省市区选择嘛，懂得都懂。后台返回我1个Object对象，装着全国的省，选择省后依次选择市、区。我没想到这玩意可以纠缠我快三小时的。 1. 难点 prov city area 省 市 区 省可以默认拿一下，市区都需要依靠前面的选择生成。一般watch一下prov/city值就行了是吧，但我 阅读全文
posted @ 2021-11-25 15:33 乐盘游 阅读(55) 评论(0) 推荐(0)
el-table后端排序之自动带序号
摘要：和后端小伙伴扯皮，问为什么不给序号，他说我们前端可以自己整一个。我纳闷，然后他给我举了个梨子，我立马抄了下来。好东西，看起来非常高级 <el-table-column align="center" label="序号" width="60px"> <template #default="{$inde 阅读全文
posted @ 2021-11-24 13:47 乐盘游 阅读(373) 评论(0) 推荐(0)
使用路由传递信息
摘要：0. 需求 在某个页面获得前个页面的东西，因为不是父子级关系，显然就整路由传参比较OK 1. 路由 //$router : 是路由操作对象，只写对象 //$route : 路由信息对象，只读对象 //操作 路由跳转 this.$router.push({ name:'hello', params:{ 阅读全文
posted @ 2021-11-24 11:21 乐盘游 阅读(52) 评论(0) 推荐(0)
el-table 中状态改变 表格子项对应改变
摘要：0. 背景 根据要求，要求某种情况会改变表格内容。当时做的时候，发现即使加了v-if或者v-show都没能达到效果，还是批量生成的一样，全是一模一样的。 1. 原因 后来看了解释，原来el-table生成的时候就是像一条锁链，一环扣一环，一模一样的继续下去。如果要根据某个状态改变，得用到slot-s 阅读全文
posted @ 2021-11-24 09:55 乐盘游 阅读(254) 评论(0) 推荐(0)
vuex module 中的状态改变
摘要：0 原因 任务是做一个后台管理系统，组长从某地刨了一个后台基础版本改了改。我负责其中一个状态管理部分，原后台版本用了自动模块引入，于是我也整了一个，然后发现在module和state里用action方法还是有点不同的。 1 不同 // boxId 是模块名（自动化生成的，我也是佛了。。。） // d 阅读全文
posted @ 2021-11-23 11:01 乐盘游 阅读(236) 评论(0) 推荐(0)
打造一个自定义的echarts组件
摘要：打造一个自定义的echarts组件做echarts图，数据是最重要的，主要依靠数据生成图与变化。所以抽象一个自定义的echarts组件是很有必要的。 阅读全文
posted @ 2021-11-17 16:45 乐盘游 阅读(91) 评论(0) 推荐(0)
递归组件的小心得
摘要：0. 递归与迭代 1. 递归 我调我自己，那就是递归。 没有结束条件就是无穷地递归下去，会造成堆栈溢出。 2. 迭代 迭代是重复反馈过程的活动，其目的通常是为了逼近所需目标或结果。每一次对过程的重复称为一次“迭代”，而每一次迭代得到的结果会作为下一次迭代的初始值。 3. 对比 递归与迭代都是基于控制 阅读全文
posted @ 2021-11-16 18:44 乐盘游 阅读(65) 评论(0) 推荐(0)
使用async返回promise<pending>状态的解决
摘要：0. 表格初始化数据 有四个分发的子项内容，从父组件这里给出去。因为有异步内容，就在获取组件这一步getPageData()用了async await保证获取数据再继续。然后没想到的是，把data传到子组件后这玩意变为promise的。 1. 解决思路 总所周知，是个待定状态，啥也拿不到。所以得从出 阅读全文
posted @ 2021-11-16 17:37 乐盘游 阅读(1150) 评论(0) 推荐(0)
使用自定义字库
摘要：/assets/css/font.js @font-face { font-family: "you"; src: url("../font//you.ttf"); font-weight: normal; font-style: normal; } /assets/font/you.ttf 全局挂 阅读全文
posted @ 2021-11-10 19:13 乐盘游 阅读(67) 评论(0) 推荐(0)
画对话气泡：矩形框+小三角的拼接图形
摘要：0. 起因 项目开发过程中遇到要使用这种图案的情况，于是自己用CSS强大的::before与::after画了两个类似图案。 1. 代码 三角在前 @mixin setRange($color: null) { margin-left: 10px; margin-bottom: 15%; margi 阅读全文
posted @ 2021-11-09 14:27 乐盘游 阅读(123) 评论(0) 推荐(0)
V-FOR useage method & Question of V-MODEL
摘要：V-FOR useage method 0. Origin The work content needs to recurse the Object to build the dialog about options of this object. And I dont know how to do 阅读全文
posted @ 2021-11-06 18:05 乐盘游 阅读(59) 评论(0) 推荐(0)
Object.assign({},object)与深浅拷贝
摘要：0.起因 学习前辈的代码，发现有个地方用到了Object.assign这个我之前没见过的东西，就看了看具体是个什么东西，发现它在对象拷贝方面挺666的，故做记录。 1.用法 Object.assign(生成对象，拷贝对象) 该方法用于将所有自有的可枚举的属性的值从一个或多个源对象复制到目标对象，并返 阅读全文
posted @ 2021-11-04 15:52 乐盘游 阅读(309) 评论(0) 推荐(0)
grid画表格
摘要：如果element表格功能不能实现需求，那就自己整一个把 0.需求 表格参数获取是乱序的，没法装成一个对象塞进去，我就想到自己画一个表格。 那么，欢迎卡密二代GRID大佬登场！！！ 卡密Grid 1.思路 表格就是一个个单元格构成的聚集体，和grid的分割线分割后组成的空间差别不大。grid间距调到 阅读全文
posted @ 2021-11-01 20:23 乐盘游 阅读(267) 评论(0) 推荐(0)
各路画半圆、小圆弧方法
摘要：半圆/圆弧的绘制 1.div方块的border-radius 半圆和正圆用这个最方便 2.SVG 正圆或者嵌套其他复杂图形的用SVG 3.CSS 不能动，要动的版本涉及到transition的一个什么六参数函数，很痛苦 CSS画圆 <div> <el-button @click="test">Tes 阅读全文
posted @ 2021-11-01 18:00 乐盘游 阅读(567) 评论(0) 推荐(0)