随笔分类 - Vue
vue
摘要：详解：https://juejin.cn/post/7168727739573207071#heading-1
阅读全文
摘要：参考 https://juejin.cn/post/7167379639625596935
阅读全文
摘要：参考：https://juejin.cn/post/6979865534166728711#heading-3 组件懒加载参考：https://github.com/xunleif2e/vue-lazy-component
阅读全文
摘要：1、进度条颜色是渐变的 <template> <div id="progress_bar" ref="myChart"></div> </template> <script> import * as echarts from 'echarts'; import { addListener, remo
阅读全文
摘要：<el-button v-if="showBtn !== 'no'" v-preventReClick style="width: 120px; backgroundColor: #007c84; color: #fff;marginLeft: 80px;" @click.stop="commitD
阅读全文
摘要：方法一： oninput =“value=value.replace(/[^\d]/g,‘’)” //只能输入数字 oninput =“value=value.replace(/[^0-9.]/g,‘’)” //只能输入数字和小数 <el-input v-model="sjje" oninput =
阅读全文
摘要：clickoutside
阅读全文
摘要：上级组件： provide() { return { changeSelectOptions: this.changeSelectOptions, switchTabs: () => this.switchTabs, setLoading: this.setLoading, getFilterDat
阅读全文
摘要：效果图： html： <ChartDom :chart-option="option" :chart-style="chartStyle" /> js： option: { tooltip: { trigger: 'axis', // show: false, formatter() { // le
阅读全文
摘要：npm i svg-sprite-loader vue.config.js：黑体字部分 const path = require('path') function resolve(dir) { return path.join(__dirname, '.', dir) } module.export
阅读全文
摘要：chartStyle: { type: Object, default: () => ({ width: '100%', height: `calc(100vh - 400px)`, }), required: true, }
阅读全文
摘要：参考：https://github.com/apache/echarts/issues/13943 <div id="card" ref="chartDom" :style="chartStyle"></div> import { shallowRef } from 'vue'; import *
阅读全文
摘要：export default { name: "Confirm", data() { // 必须要在template中使用“form前”，以及vue实例化“this后”创建form实例所以要在return前创建，也可以在生命周期beforeCreate前创建 this.form = this.$fo
阅读全文
摘要：参考：https://www.cnblogs.com/mmzuo-798/p/11778044.html
阅读全文
摘要：参考：https://www.cnblogs.com/cckui/p/10331432.html
阅读全文
摘要：https://www.cnblogs.com/ailanlan/p/12143685.html
阅读全文
摘要：原文出处：https://blog.csdn.net/weixin_40030173/article/details/98085887 https://blog.csdn.net/caiye_007/article/details/109581915 // 界面代码 <a @click="downF
阅读全文
摘要：客户只要求下载csv文件： DOM部分： <el-table-column prop="path" align="center" label="Action"> <template slot-scope="scope"> <el-link v-if="scope.row.status == 2" c
阅读全文
摘要：参考：https://segmentfault.com/a/1190000019499007#articleHeader4
阅读全文
