VUE
D_jing20
这个作者很懒,什么都没留下…
展开
-
element中el-switch用法汇总(拓展:el-switch开关点击弹出确认框时,状态先改变,点击确认/取消失效,怎么解决?)
element中el-switch用法汇总(拓展:el-switch开关点击弹出确认框时,状态先改变,点击确认/取消失效,怎么解决?)原创 2023-11-08 17:11:16 · 6357 阅读 · 0 评论 -
avue 表单自定义标题无效问题(avue 表单自定义标题,当prop含有大写字母时失效)
avue 表单自定义标题,官方文档可以生效,项目中不生效。多方排查发现,当prop含有大写字母时失效。原创 2023-11-08 16:35:31 · 603 阅读 · 0 评论 -
avue 时间选择器限制时间范围(当天以后的时间、当前月、当前月剩余时间)
时间选择器限制时间范围(当天以后的时间、当前月、当前月剩余时间)。时间选择器做项目时必不可少的组件,今天就简单举几个常用的例子供参考。原创 2023-08-16 11:06:02 · 1821 阅读 · 1 评论 -
npm ERR! Fix the upstream dependency conflict, or retryn
npm ERR! Fix the upstream dependency conflict, or retrynpm ERR! this command with --force or --legacy-peer-depsnpm ERR! to accept an incorrect (and potentially broken) dependency resolution.原创 2023-06-28 11:32:37 · 1576 阅读 · 0 评论 -
数组与字符串转换:如何将数组[1, 2]转化为字符串‘1,2‘
数组与字符串转换:如何将数组[1, 2]转化为字符串'1,2'原创 2023-06-05 10:29:37 · 321 阅读 · 0 评论 -
vue文本识别 “ \n ” 的换行问题
在 vue 项目,有时请求返回的数据中会有含有 \n 的字符串,如果直接渲染的话无法实现换行。一、通过 css属性 实现:设置 white-space: pre-wrap;二、使用v-html实现:首先,将字符串里的 \n 替换为 ,然后用 v-html 指令渲染字符串为 innerHTML 。三、标签:pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。原创 2022-09-05 14:10:39 · 16796 阅读 · 10 评论 -
解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题
解决export ‘default‘ (imported as ‘VueRouter‘) was not found in ‘vue-router‘ 报错问题原创 2022-09-02 17:32:02 · 695 阅读 · 0 评论 -
el-input-number默认值为0如何置空?
使用el-input-number 组件时,初始化数据总是为最小值,但是很多时候我们不想展示任何数据,此时我们只需要将初始值设置为 undefined 即可。原创 2022-08-19 11:14:06 · 3440 阅读 · 0 评论 -
vue.js3D立方体旋转播放特效
使用vue.js实现3D立方体旋转播放特效思路:1、正方体由6个面组成;2、使用transform属性来设置各个面的位置;3、在使用animation-play-state进行动画播放;原创 2022-04-26 13:54:19 · 2776 阅读 · 0 评论 -
vue之动态添加style样式的几种写法
在长期维护的项目里面,尽量要避免使用。凡是有 - 的style属性名都要变成驼峰式,比如font-size要变成fontSize;除了绑定值,其他的属性名的值要用引号括起来,比如backgroundColor:'#00a2ff'而不是 backgroundColor:#00a2ff。原创 2022-04-06 17:18:47 · 26181 阅读 · 2 评论 -
Vue之动态class的几种写法
在vue 中,class 动态绑定是一个很常见的需求,平时的使用频率也很高,下面是总结的 class 绑定的几种写法。原创 2022-04-06 17:07:04 · 67268 阅读 · 7 评论 -
Avue自定义下拉框的内容
Avue怎么自定义下拉框的内容?配置typeslot卡槽开启即可自定义下拉框的内容,typeformat配置回显的内容,但是你提交的值还是value并不会改变。原创 2022-03-28 15:23:57 · 2094 阅读 · 5 评论 -
avue 时间选择器限制时间范围
时间选择器限制时间范围,需配置pickerOptions对象中的shortcuts,禁用日期通过disabledDate设置,传入函数原创 2022-03-21 17:17:20 · 4197 阅读 · 2 评论 -
基于vue的前端UI表单设计器
在开发中,经常要做的就是各类表单的设计,如果不采用一些表单设计器,手写的话要很久,今天分享几个表单设计器。原创 2022-02-21 14:26:48 · 5578 阅读 · 0 评论 -
Vue props传递的类型和写法
1、props常用属性类型检查(规定数据类型) type String 字符串 Number 数字 Boolean 布尔 Array 数组 Object 对象 Date 日期 Function 函数 Symbol 独一无二的值(es6) 默认值 default default : (默认值),基础数据类型: 直接赋值,对象数据类型: 用函数赋值 ()=>[] 必填项 required required: (必填项) ,默认为f原创 2021-11-09 10:51:02 · 2880 阅读 · 0 评论 -
IDEA 设置 基于ESlint的代码格式化
上次解决了“ESLint: Delete `␍`(prettier/prettier)”报红的问题,发现之前的方法解决不了根本问题。同事还存在“ESLint: Delete `··`(prettier/prettier)”等等类似的问题。故,查了新的方法给大家分享。解决方法:1、IDEA 配置ESlint2、IDEA 快捷键设置格式化一下代码就不会报红啦~...原创 2021-10-12 19:19:32 · 6676 阅读 · 0 评论 -
ESLint: Delete `␍`(prettier/prettier)——eslint配置的一些问题
今天在git clone 代码,打开吓一跳,全都报红,瞬间强迫症就犯了……报错原因:在window系统中,clone代码下来,会自动把换行符LF(linefeed character) 转换成回车符CRLF(carriage-return character)。这时候我们本地的代码都是回车符。解决方法:执行以下命令,eslint错误消失,但暂存区多了n个文件改动记录,commit时会提交所有被改动过的文件。yarn run lint --fix最佳解决方案:现在...原创 2021-09-23 19:30:45 · 2514 阅读 · 0 评论 -
moment.js 使用示例
今天真真切切的使用了一下moment.js,发现真的很强大,自己用js写一堆代码,还总是有写小bug,竟然用它几行就解决了。推荐推荐~。创建moment() // 当前时间moment("1995-12-25") // 1995-12-25moment("12-25-1995", "MM-DD-YYYY") // 1995-12-25moment({ year :2010, month :3, day :5, hour :15, minute :10, second :3, millis.原创 2021-08-26 17:55:04 · 329 阅读 · 0 评论 -
vue+moment时间处理
1、安装momentnpm i moment --save2、在main.js 挂载import moment from 'moment'//导入文件Vue.prototype.$moment = moment;//赋值使用this.$moment('string').format("YYYY-DD-MM")this.$moment('2021-08-26T05:54:32.767Z').format("YYYY-DD-MM")浏览器解析后 2021-08-263、使...原创 2021-08-26 16:41:10 · 934 阅读 · 0 评论 -
vue深拷贝、浅拷贝的区别
1、浅拷贝this.ProductionLineForm = { "produeLineName": "产线1", "departmentId": 1, "produceLineStatus": 0, "director": 5, "description": "测试产线", "keyCraftNodeId":1}let productionLineForm = this.ProductionLineForm;productionLineForm.produeLineName原创 2021-08-09 16:21:36 · 995 阅读 · 0 评论 -
vue根据条件判断按钮是否可以点击
按钮当在特定环境下不可点击,需要根据判断来控制点击事件。方法一:使用v-if 、v-else 来判断<template> <div> <el-button v-if="!isDisabled"></el-button> <el-button v-else @click="getDetail()"></el-button> </div></template>原创 2021-08-07 16:00:50 · 8224 阅读 · 0 评论 -
vue 2.0 与vue 3.0创建项目
2.0创建vue init webpack 项目名称启动npm run dev3.0创建vue create 项目名称选择项目的位置cmd d:cd 路径命令:1.全局安装脚手架npm install -g @vue/clinpm uni -g vue-cli2.全局安装vue/cli-service-global 插件npm install -g @vue/cli-service-global3.创建vue项目vue create vue3.0(项目名称,...原创 2021-07-22 18:03:58 · 200 阅读 · 0 评论 -
vue-cli3.0项目结构多环境打包配置
前言:vue项目配置不同的命令打包不同环境的dist包npm run build:dev-----生成环境npm run build:pro------开发环境npm run build:text------测试环境1.vue-cli3.0项目结构配置之前先确定一下目录结构是否是3.0的 这里只写3.0的配置2.开始配置package.json文件添加"build:dev": "vue-cli-service build --mode development","build:pro"原创 2021-07-22 18:11:22 · 522 阅读 · 0 评论