- 博客(26)
- 收藏
- 关注
原创 处理日期-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关注的人