before-close和destroy-on-close是不能同时使用的 如果用了before-close,destroy-on-close是执行不了的,before-close无法也就是某些逻辑加上让这个drawer等于false(控制抽屉打开关闭的字段)方法:1、必须要使用destroy-on-close的话,就不要用before-close了,可以这样:this.$refs.drawer.closeDrawer()...
module.exports 和 exports,export 和 export default的区别 参考:https://www.cnblogs.com/heyushuo/p/8521818.html
style-resources-loader——一个配置全局样式变量的插件 1、如果是使用的vue3的话直接使用以下命令vue add style-resources-loader 当然前提是已经安装好了附属样式插件(例如 less、less-loader)具体见 https://github.com/yenshih/style-resources-loader2、在vue.config.js里进行配置module.export = { pluginOptions: { 'style-resources-loader': { preProc
encodeURIComponent和decodeURIComponent var uri = “https://w3schools.com/my test.asp?name=ståle&car=saab”;var uri_enc = encodeURIComponent(uri);console.log(uri_enc);// 打印出来:https%3A%2F%2Fw3schools.com%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaabvar uri_dec = decodeURIComponent(uri_en
vue如何监听当前标签页隐藏和显示(标签页切换) mounted() { // 添加监听事件 document.addEventListener("visibilitychange", this.handleVisiable);},methods: { handleVisiable: function (e) { if (e.target.visibilityState == "visible") { console.log("回到当前tab标签"); } else { console.log("离开当前tab标签");
vue监听页面元素宽度和高度变化 1.安装element-resize-detectornpm install element-resize-detector2.引入到script中<script> import elementResizeDetectorMaker from "element-resize-detector";</script>3.在mounted中使用 mounted() { this.watchSize(); }, methods: { watchS
“export ‘createElementBlock‘ (imported as ‘_createElementBlock‘) was not found in ‘vue‘ 用vue-cli 4.5.10还是几我忘了,反正我下载其他依赖之后,就报这个错,有大神解决过这个问题吗?
前端实现多标签页共享session 场景:运行项目,登录后跳到首页,新开一个标签页并访问首页,状态是未登录状态理想结果:无论打开多少个标签页,访问同一个项目,都是同一个登录状态,切换账号后其余标签跟着切换在main.js添加存储的监听...
vue+element动态添加表单并验证 目的:1、点击新增按钮,列表自动加一行2、点击删除按钮,列表删除当前行3、对表单进行校验< template><el-form :model="ruleForm" class="el-form-reset" :rules="rules" ref="ruleForm" label-width="77px" > <div class="prop.
vue-cli3展示本地Markdown文件踩坑之旅 找到了比较靠谱的文章:https://www.jb51.net/article/162655.htmhttps://www.cnblogs.com/knuzy/p/14339577.html感觉应该能成功,but,还是出现各种各样的报错卡在了“Cannot read property 'parseComponent' of undefined”中,然后找了很多文章:1、什么vue-template-compiler 升级版本后 parseComponent函数已被删除,导致 component
vue3.0中使用element-plus的时间选择器 如何改为中文 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
el-select写在el-table-column里边选择不了的问题 因为一般都是把列表数据一行行地循环出来,所以v-model要绑定每一行的entranceview<el-table-column label="开通入口配置" width="200"> <template slot-scope="scope"> <el-select v-model="scope.row[scope.column.entrance]" size="small" style="width:180px" @change="entranceChange
vue实现Excel文件导入导出 <template> <div class="index" v-loading.fullscreen.lock="fullscreenLoading" element-loading-text="拼命加载中..."> <!-- 操作按钮 --> <input type="file" @change="importExcel(this)" id="importExcel" style="display: none" accept="applicat
父子组件(自定义)的双向数据绑定 1、数据绑定<parent v-bind:title="doc.title" />2、双向数据绑定<input type="text" v-model="title" />3、自定义组件使用v-model双向数据绑定(在子组件修改父组件的变量)// 父组件<parent v-model="age" />// 子组件<button @click="changeAge">修改</button>export default{
vue3使用webpack-bundle-analyzer分析包文件 1、安装npm install –save-dev webpack-bundle-analyzer2、配置vue.config.js// 引入分析包文件const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin; // 开发生产共同配置 config.plugins.push( new BundleAnalyzerPlugin({ analyzerM