随笔分类 - Vue
摘要：next(`/login?redirect=${to.path}`) login watch: { $route: { handler(route) { this.redirect = (route.query && route.query.redirect) || '/' }, immediate
阅读全文
摘要：自定义封装组件 z-index问题 <template> <div> <van-overlay :show="isShow" :custom-style="{ background: 'rgb(255, 255, 255, 0.6)', display: 'flex', justifyContent
阅读全文
摘要：<transition name="fade"> <!-- v-if="monitoring || (!dataType && !showTutelage && !seeSure)" --> <div v-if="monitoring" class="ywy" @click=" showTutela
阅读全文
摘要：对象属性监听 props: { baseFormObj: Object, }, watch: { 'baseFormObj.measuresItems': { immediate: true, // 如果需要组件创建时立即监听，设置为true handler(newVal, oldVal) { //
阅读全文
摘要：方法一 vue插件 npm install --save vue-clipboard2 引入 import Vue from 'vue' import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard) 方法执行 clickCopy()
阅读全文
摘要：// 父组件为缓存页面，分步 组件使用 v-show created，activated 执行情况 created () { // this.getData() // 每次进入页面都执行 （前提 不是第一步展示，如果是第一步未验证） console.log('初次刷新数据0 ') }, activa
阅读全文
摘要：<van-dialog v-model="showDialog" showDialog 明明变成false了，跳路由返回后还是弹最后加个v-if解决问题 <van-dialog v-model="showDialog" v-if="showDialog"
阅读全文
摘要：el-dialog 对 $parent 获取参数或方法有影响，自动增加一层$parent 比如 正常 this.$parent.XXX获取 被el-dialog 包裹后 this.$parent.$parent.xxx的方式才能获取到
阅读全文
摘要：参考 实际使用 升级webpack npm install -D webpack@latest 升级vue-cli npm install -g @vue/cli 创建vue-cli demo 重新配置 vue.config webpack ＞5报错问题 1、运行下面这行指令，安装在 Webpack
阅读全文
摘要：防切屏 // 没测出效果 window.addEventListener('pagehide', function () { console.log(11111) // 页面被隐藏，例如用户切换到了另一个标签页或者将窗口最小化 // 实现代码 }); // 亲测有效 document.addEven
阅读全文
摘要：参考 npm install jsmind --save import 'jsmind/style/jsmind.css'; import jsMind from 'jsmind/js/jsmind.js'; require('jsmind/js/jsmind.draggable.js'); req
阅读全文
摘要：this.$options.methods可以获取自定义的属性，created,mounted等也一样 this.$data 是已经转成了getter和setter，所以拿到的是一个修改后的数据 this.$options.data() 是刚刚传入vue里边，成员没有转成了getter和setter
阅读全文
摘要：// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo
阅读全文
摘要：// import { showInfoMsg, showErrorMsg } from '@/utils/popInfo' // import ElementUI from 'element-ui'; import { Toast } from 'vant'; function initWebSo
阅读全文
摘要：单个 全局 多个 https://blog.csdn.net/qq_33666325/article/details/121142304
阅读全文
摘要：<el-table-column prop="processStatusName" label="状态" width="100" align="center" > <template slot-scope="scope"> <span :style="{ color: setColumnColor(
阅读全文