- 博客(26)
- 收藏
- 关注
RSS订阅
1原创 处理日期-dayjs
业务场景1：一个日期选择的是2023-03 其实含义是2023-03-31 另一个年月日不能早于这个日期 比如：2023-03-15 就不行 所以比较的时候 应该把2023-03 转成月末那一天。业务场景2：比如说之前我用年月控件 现在是6月 之前的校验是比较月份 选择6月不报错 但业务是不能选择6月 只能选择最早前1月。
2023-06-07 15:39:26
620
原创 多个confirm弹窗
这种情况下 不能控制弹窗取消后 后面的弹窗不显示 如果不需要这部分功能还可以这样写。this.$confirm(item, '提示', {confirmButtonText: '确定',confirmButtonText: '确定',cancelButtonText: '取消',cancelButtonText: '取消',message: '删除成功!message: '已取消删除'message: '已取消'], '提示', {
2023-04-12 16:45:43
618
原创 mac vue脚手架升级
查看版本 vue-V升级之前应将老版本卸载：1. 首先需要开放用户权限：sudo chmod -R 777 /usr/local/lib/node_modules/2. 卸载2.0版本npm uninstall vue-cli -g3. vue -V 确定卸载完成4. 安装3.0版本npm install -g @vue/cli亲测有效...
2021-12-23 12:28:26
756
原创 第一次处理结构树数据
用的是饿了么ui的树后端传过来的数据是这样处理的：mounted(){this.data=Object.keys(this.数据库数据).map(v=>{return{label:v,children:this.数据库数据[v].map(m=>{return{label:m.label的字段,name:'我属于'+v})}})}添加新树支：const newChild={label:输入框输入的数据,name:'我属于其他'}t
2021-10-15 15:04:15
156
原创 ue中props传值，父组件向子组件传递对象可以直接修改的问题
1.vue中父子组件通信最常用的方式是props和$emit，通常来说，父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致你的应用的数据流向难以理解。 但是当父组件的传值是数组或者对象时，子组件中不仅能够直接修改，还不会报错，在子组件中改变这个对象或数组本身将会影响到父组件的状态。可以看到，修改props传过来的值，是可以修改的，父组件里面也会跟着修改。2.接下来分析下出现这种情况的原因：（1）JavaScript 数据类型.
2021-10-08 17:08:35
233
原创 导航守卫的了解
每次页面路由改变以后，浏览器标题也跟着改变，怎么弄呢？一个个组件加标题？created(){ document.title="网站概况" },这样可以实现，但是太麻烦了，可以使用全局导航守卫在每个路由中添加一下meta:{title:'询盘详情'}, 就可以了router.beforeEach 就是一个全局前置守卫...
2021-09-15 10:59:06
59
原创 pr怎么做手机竖屏视频
第一步打开pr，新建项目，取好项目名称以后直接可以选择默认设置打开。新建序列，选择自定义设置。这一步和下一步至关重要，请仔细阅读。这下开始设置参数，第一个重要参数是帧大小，水平设置为1080，垂直设为1920。这个算是比较清晰的分辨率。如果有其他要求可以自行设定。设置参数，第一个重要参数是帧大小，水平设置为1080，垂直设为1920。这个算是比较清晰的分辨率。第二个重要的参数是像素长宽比，选择比例为1.0的吧，不然你导出的的视频会发生变化的。...
2021-09-14 15:12:56
1524
原创 路由传参的2种方式：params和query
params类型：配置路由格式：/router/:id传递的方式：在path后面跟上对应的值 :to="'/router'+id"传递后形成的路径：/router/123 /router/abcquery类型配置路由格式：/router,也就是普通配置传递的方式：对象中使用query的key为传递方式:to="{path:'/profile',query:{name:'why',age:18,height:188}}"传递后形成的路径：/router?id=...
2021-09-14 14:24:05
122
原创 mock.js在vue-cli中的使用
先npm安装mock.js：import Mock from 'mockjs';Mock.mock('/manage/xunpan', { "mtime": "@datetime", //随机生成日期时间 "score|1-800": 800, //随机生成1-800的数字 "rank|1-100": 100, //随机生成1-100的数字 "stars|1-5": 5, //随机生成1-5的数字 "nickname": "@cname", //随机生成中文名字});...
2021-09-10 15:41:44
148
原创 关于height:100%和height:100vh的区别
vh就是当前屏幕可见高度的1%，也就是说height:100vh ==height:100%;但是当元素没有内容时候，设置height:100%，该元素不会被撑开，此时高度为0，但是设置height:100vh，该元素会被撑开屏幕高度一致。...
2021-09-08 14:43:35
112
原创 解决element-ui左侧导航收缩按钮位置问题
最后是用position: sticky; 粘性定位解决的 ，效果还不错这个属性的帖子：https://www.cnblogs.com/coco1s/p/6402723.html
2021-09-08 14:09:58
543
原创 img底部三像素的问题
因为 img display 默认属性为 inline-block，inline-block 元素默认有行间距解决方法一：设置 img 的 display为 block解决方法二：改变基线vertical-align: middle;
2021-09-07 09:49:29
148
原创 currentIndex
<ul><li v-for="(item,index) in movies" @click="changeColor(index)":class="{active:currentIndex===index}">{{item}}---{{index}}</li></ul>el:'#app',data:{movies: ['七龙珠', '柯南', '你是我的荣耀'],currentIndex: 0 ,},method
2021-09-04 14:12:46
1116
原创 数组去重的3种方法
Arr.filter(（item，index，arr）=>{Return arr.indexOf(item,0)===index})Let item=[...new Set(arr)]For(let i=0;i<arr.length;i++){For(let j=i+1;j<arr.length;j++){If(arr[i]==arr[j]){Arr.splice(j,1);J--;}}}...
2021-09-04 13:53:14
65
原创 vue数组中哪些方法是响应式的？
pop 删除数组中最后一个元素push 在数组最后添加一个元素shift 删除数组中第一个元素unshift 在数组最前面添加元素splicesortrecerseVue.set(this.letters,0,'要添加的项')以上方法都是响应式的this.letters[0]="aaaa" 只有这一种方法不是响应式的 因为vue没有监听这种方法...
2021-09-04 13:51:22
65
原创 vscode快捷键
1、代码格式化shift + option + F2、模拟器退到后台shift + command + H(双击)3、JSON to TS插件转换模型shift + option + control + v4、新建窗口shift + command + n6、删除整行command + x
2021-08-30 11:56:39
59
原创 mac安装react脚手架create-react-app报错：Error: EACCES: permission denied, access ‘/usr/local/lib/node_module
原因: 执行命令行命令时没有获得管理员权限解决方案：在命令行前面添加sudo获取管理员权限，输入管理员密码就行例如原来的是: npm i -g create-react-app应该为：sudo npm i -g create-react-app 再输入密码就行...
2021-08-26 11:33:36
837
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人