vue
qq_45894929
这个作者很懒,什么都没留下…
展开
-
el-table中表头加了文字提示用的el-popover,加了固定列,文字提示失效
问题: el-popover悬浮文字,在固定列后,悬浮不显示解决: 使用el-tooltips组件(改变样式:popper-class=‘tooltips’,写在style全局样式中)原创 2021-12-10 14:44:48 · 952 阅读 · 0 评论 -
el-dialog有滚动条,第一次打开滚动到底部,关闭,再次打开还在底部
问题: el-dialog有滚动条,第一次打开滚动到底部,关闭,再次打开还在底部解决: 使用append-to-body=“true”Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true问题: 使用append-to-body="true之后,dialog中自己加类名写的样式不生效解决: 将样式改为全局样式...原创 2021-12-10 14:40:46 · 2883 阅读 · 0 评论 -
Echarts图表使用过程中遇到的问题
Echarts1.el-tab 切换echarts[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZJhJp1aj-1637632849322)(img/tabs切换echarts.png)]监听el-tab的@tab-change= "handleChange"事件在handleChange中对echarts实例自适应大小 // myChart = echarts.init(document.getElementById("pie-echart"));原创 2021-11-23 10:03:20 · 1209 阅读 · 0 评论 -
获取字符串中多个大括号里面的内容
1.需求1:获取字符串中 多个${ MJSJ}步骤:首先获取{}大括号里面的,包括大括号获取到的是包含大括号里数据的数组 [’{NSRMC}’,’{SWSXMC}’]再用replace替换掉大括号2.需求2:获取除参数以外的字符串的长度步骤:在字符串中将数组中的内容替换掉尊敬的纳税人$:,您的$业务已受理通过。请您尽快登录电子税务局,待办事项中完成后续缴款操作再去掉$就可以了 //str:尊敬的纳税人:${NSRMC},您的${SWSXMC}业务已受理通过。请您尽快登录原创 2021-11-12 10:12:23 · 2948 阅读 · 0 评论 -
循环生成的el-form-item项清除校验
1.给循环生成的el-form-item 添加ref属性2.获取循环生成的dom元素,是要使用$nextTick原创 2021-11-12 09:47:52 · 1068 阅读 · 0 评论 -
mavonEditor编辑器的使用
本次使用不涉及图片上传,只是简单文本的编辑。1.官网github:https://github.com/hinesboy/mavonEditor2.安装npm install mavon-editor --save3.导入 main.js//编辑器import mavonEditor from "mavon-editor";import "mavon-editor/dist/css/index.css";Vue.use(mavonEditor);4.使用1.封装成组件&l原创 2021-11-11 19:13:07 · 1730 阅读 · 0 评论 -
element-ui中el-form验证清除报clearVaildate为undefined
表单中的dom元素还没加载完成 this.visible = true this.$nextTick(() => { this.$refs.refAddForm.clearValidate() })原创 2021-09-22 09:41:41 · 608 阅读 · 0 评论 -
上传sb3文件,通过获取首帧来判断是否为sb3文件并获取首帧作为封面图
做的一个是有关少儿编程的项目,甲方的需求是通过获取首帧来判断是否是sb3文件,而不是通过后缀名来判断的,以防别人改后缀名来上传文件在main.js引入,在展示sb3文件的时候也会用到//安装"scratch-vm": "0.2.0-prerelease.20191119203901", "scratch-render": "0.1.0-prerelease.20191126210304", "scratch-storage": "1.3.2", "scratch-svg-render原创 2021-09-16 10:55:44 · 262 阅读 · 0 评论 -
uniapp中通过地理位置转换经纬度打开腾讯地图
1.1通过地里位置获取经纬度1.1.1要先申请密钥并下载文件1.1.2导入文件var QQMapWX = require('@/utils/qqmap-wx-jssdk.min.js'); var qqmapsdk;1.1.3在onload中初始化qqmapsdk = new QQMapWX({ key: 'OEEBZ-GGAKJ-W2AF4-KIIFX-WGJG6-PNFMJ' //这里自己的secret秘钥进行填充});1.1.4转换经纬度//通过地理位置获取经纬度原创 2021-03-17 11:04:24 · 1012 阅读 · 0 评论 -
vue中的子父组件传值
1.父传子在父组件中 传值 <reply :reply='current'></reply>在子组件中接收 props: { reply: { type: Number, default: 0, }, },2.子传父在子组件中触发 this.$emit("setting", 9);在父组件中调用 <router-view @setting="Setting"></router-view&原创 2021-07-09 16:53:32 · 54 阅读 · 0 评论 -
vue的bus总线
1.安装busnpm install vue-bus2.main.js引入busimport VueBus from 'vue-bus';Vue.use(VueBus);3.触发事件 this.$bus.emit("setting", 9);4.监听事件 created() { this.$bus.on("setting", (data) => { this.current = data; }); },5.销毁事件 destroyed()原创 2021-07-09 16:32:27 · 80 阅读 · 0 评论 -
使用element-ui写密码验证
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210709111222115.png![在这里插入图片描述](https://img-blog.csdnimg.cn/20210709111243936.png <el-form ref="pNextFormRef" :model="pNextForm" :rules="pNextFormRules" class="form"原创 2021-07-09 11:17:04 · 517 阅读 · 0 评论 -
使用element-ui写获取验证码输入框
<el-form-item prop="verify"> <div class="bind_code margin_top"> <el-input class="bind_code_input code" v-model="registerForm.verify" type="text" ...原创 2021-07-09 10:24:37 · 4709 阅读 · 3 评论 -
el-dialog去掉自带样式
<!-- 重置密码弹框 --> <el-dialog :visible.sync="dialogVisible" class="dialog" :show-close="false"> <div class="title"> <span>重置密码</span> <img src="../../assets/images/close.png" alt="" @click="close...原创 2021-07-08 11:39:48 · 2297 阅读 · 1 评论 -
textarea右下角有字数计算
<el-form-item label="作品简介" prop="content" class="content"> <el-input type="textarea" v-model="ruleForm.content" @input="descInput($event)" maxlength="200" ></el-input> &l...原创 2021-07-08 11:37:29 · 659 阅读 · 0 评论 -
去掉input框type为number的右边的上下箭头
1.el-input中的input/deep/input[type="number"] { -moz-appearance: textfield;}/deep/input[type="number"]::-webkit-inner-spin-button,/deep/input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none !important; margin: 0;}2.inputinp原创 2021-07-08 11:34:07 · 217 阅读 · 0 评论 -
vue 下拉框自定义 以及点击空白空白处关闭下拉框 vue的自定义事件directive
<!-- 搜索 --> <div class="search-bar-package search_bar-package" v-close> <div class="div_form"> <div class="opt"> 专业 <img src="../assets/images/sanjiao.png" alt .原创 2021-02-20 14:25:38 · 1093 阅读 · 0 评论 -
vue中点击导航跳转首页对应的位置
mounted() { let _this = this; this.$nextTick(() => { setTimeout(() => { let targetbox = document.getElementById("base"); //获取id为base距离顶部的高度 _this.base = targetbox.offsetTop; let targetbox1 = document.get原创 2021-05-24 10:11:54 · 382 阅读 · 0 评论