qq_45894929的博客

问题： el-popover悬浮文字，在固定列后，悬浮不显示解决： 使用el-tooltips组件（改变样式：popper-class=‘tooltips’,写在style全局样式中）

问题： el-dialog有滚动条，第一次打开滚动到底部，关闭，再次打开还在底部解决： 使用append-to-body=“true”Dialog 自身是否插入至 body 元素上。嵌套的 Dialog 必须指定该属性并赋值为 true问题： 使用append-to-body="true之后，dialog中自己加类名写的样式不生效解决： 将样式改为全局样式...

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"));

1.需求1：获取字符串中 多个${ MJSJ}步骤：首先获取{}大括号里面的，包括大括号获取到的是包含大括号里数据的数组 [’{NSRMC}’,’{SWSXMC}’]再用replace替换掉大括号2.需求2:获取除参数以外的字符串的长度步骤：在字符串中将数组中的内容替换掉尊敬的纳税人$:，您的$业务已受理通过。请您尽快登录电子税务局，待办事项中完成后续缴款操作再去掉$就可以了 //str:尊敬的纳税人:${NSRMC}，您的${SWSXMC}业务已受理通过。请您尽快登录

1.给循环生成的el-form-item 添加ref属性2.获取循环生成的dom元素，是要使用$nextTick

本次使用不涉及图片上传，只是简单文本的编辑。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

表单中的dom元素还没加载完成 this.visible = true this.$nextTick(() => { this.$refs.refAddForm.clearValidate() })

做的一个是有关少儿编程的项目,甲方的需求是通过获取首帧来判断是否是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

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转换经纬度//通过地理位置获取经纬度

1.父传子在父组件中 传值 <reply :reply='current'></reply>在子组件中接收 props: { reply: { type: Number, default: 0, }, },2.子传父在子组件中触发 this.$emit("setting", 9);在父组件中调用 <router-view @setting="Setting"></router-view&

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()

![在这里插入图片描述](https://img-blog.csdnimg.cn/20210709111222115.png![在这里插入图片描述](https://img-blog.csdnimg.cn/20210709111243936.png <el-form ref="pNextFormRef" :model="pNextForm" :rules="pNextFormRules" class="form"

<el-form-item prop="verify"> <div class="bind_code margin_top"> <el-input class="bind_code_input code" v-model="registerForm.verify" type="text" ...

<!-- 重置密码弹框 --> <el-dialog :visible.sync="dialogVisible" class="dialog" :show-close="false"> <div class="title"> <span>重置密码</span> <img src="../../assets/images/close.png" alt="" @click="close...

<el-form-item label="作品简介" prop="content" class="content"> <el-input type="textarea" v-model="ruleForm.content" @input="descInput($event)" maxlength="200" ></el-input> &l...

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

<!-- 搜索 --> <div class="search-bar-package search_bar-package" v-close> <div class="div_form"> <div class="opt"> 专业 <img src="../assets/images/sanjiao.png" alt .

mounted() { let _this = this; this.$nextTick(() => { setTimeout(() => { let targetbox = document.getElementById("base"); //获取id为base距离顶部的高度 _this.base = targetbox.offsetTop; let targetbox1 = document.get