摘要: 效果图: 代码:HTML部分 <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item v-for="(breadItem,index) in breadList" :key="index"> <el-popo 阅读全文
posted @ 2024-04-15 13:55 Ooper 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 先上效果图: 主要代码: <template> <div class="step_box" :class="{ isright: (props.stepIndex+1)%2 0, isfirst: props.stepIndex 0, islast: props.stepIndex props.to 阅读全文
posted @ 2024-02-22 10:42 Ooper 阅读(50) 评论(0) 推荐(0) 编辑
摘要: 参考文章:https://blog.csdn.net/qq_27936291/article/details/124768989 1.安装插件 npm i @zhj-target/vue3-kind-editor --save 或者 yarn add @zhj-target/vue3-kind-ed 阅读全文
posted @ 2023-11-27 16:15 Ooper 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 前言: 在网上找了很多相关内容,都是需要先上传至后端,然后再从后端传到OSS,或者就是传token什么的,根本不是我想要的效果。 话不多说直接上图: 刚开始主要是卡在富文本框的单图片上传按钮变灰,因为是需要后端接口的支持导致的,后来在网上看到可以直接将serverUrl配置为config.json的 阅读全文
posted @ 2023-05-14 01:05 Ooper 阅读(1195) 评论(0) 推荐(0) 编辑
摘要: 注意:input v-model动态更新失效问题,解决方法 $nextTick() 1.限制只能输入数字,英文 <input v-model="license_num" type="text" :change="check_num()" placeholder="请输入"> //限制 check_n 阅读全文
posted @ 2022-12-08 09:27 Ooper 阅读(1407) 评论(0) 推荐(0) 编辑
摘要: 1. document.execCommand() 【即将废弃】 function copy(textValue) { // 动态创建 textarea 标签 const textarea = document.createElement('textarea') // 将该 textarea 设为 阅读全文
posted @ 2022-12-06 16:25 Ooper 阅读(4726) 评论(0) 推荐(0) 编辑
摘要: 一、事件修饰符 1、.stop:阻止事件冒泡 2、.prevent:提交事件不再重新加载页面,可以用来阻止表单提交的默认行为 3、.once:点击事件只会触发一次 4、.native:使用时将被当成原生HTML标签看待 二、按键修饰符 1、@keyup:键盘抬起 2、@keydown:键盘按下 3、 阅读全文
posted @ 2022-11-22 14:37 Ooper 阅读(2132) 评论(0) 推荐(0) 编辑
摘要: 1.Vue img标签自带@error事件 //图片损毁时触发 imgOnError(e) { e.target.src = 'xxxx'; //控制不要一直跳动 e.target.onerror = null; } 2.elementUI使用el-image标签自带加载失败功能 // 自定义内容 阅读全文
posted @ 2022-11-16 11:26 Ooper 阅读(683) 评论(0) 推荐(0) 编辑
摘要: app.vue里的 onLaunch 中如果有异步方法(比如:登录),返回结果可能会在页面的 onLoad 之后,但 onLoad 中的方法需要登录回调的结果。 为了让页面的 onLoad 在 onLaunch 之后执行,解决方案: 1.main.js Vue.prototype.$onLaunch 阅读全文
posted @ 2022-09-14 11:29 Ooper 阅读(788) 评论(0) 推荐(0) 编辑
摘要: 实现效果: 实现思路:给<el-cascader>添加类名:.cascader-input并添加禁止点击:pointer-events: none; 在<el-cascader>外层添加div并设置允许点击:pointer-events: all; 然后设置点击事件即可。 具体实现主要部分: CSS 阅读全文
posted @ 2022-07-15 17:09 Ooper 阅读(1423) 评论(0) 推荐(0) 编辑