随笔分类 - vue
摘要：1、下载包pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -D2、在main.ts里引入import "lib-flexible-computer";3、在vite.config.ts写入import px2rem from "
阅读全文
摘要：1. 自定义指令(withDirectives 仅可在setup或render函数中使用)可以使用 withDirectives 将自定义指令应用于 VNode： const { h, resolveDirective, withDirectives } = Vue // ... // <div v
阅读全文
摘要：一些内存泄露的情况进行了排查 全局变量 定时器 使用未销毁的全局事件和第三方库 v-if和v-show不合理使用，v-if和v-for不合理使用 使用watch
阅读全文
摘要：beforeRouteLeave(to, from, next) { console.log(this, to, from, next, "thissss"); if (to.fullPath == "/transfer?jumpUrl=retain") { next(); } else { thi
阅读全文
摘要：一 1.需要给对象添加属性时，不能采用传统的obj.属性=值，obj[属性]=值 来添加属性，在vue页面时需要这样使用 this.$set(obj,"propertyName","value") 来添加属性 /* obj 要添加属性的对象 propertyName 属性名 value 属性值 */
阅读全文
摘要：1、.postcssrc.js 众所周知为兼容所有浏览器，有的CSS属性需要对不同的浏览器加上前缀，然而有时添加一条属性，需要添加3~4条类似的 属性只是为了满足浏览器的兼容，这不仅会增加许多的工作量，还会使得你的思路被打断。 如何解决这个问题? 处理CSS前 缀问题的神器——AutoPrefixe
阅读全文
摘要：var hiddenProperty = 'hidden' in document ? 'hidden' : 'webkitHidden' in document ? 'webkitHidden' : 'mozHidden' in document ? 'mozHidden' : null; doc
阅读全文
摘要：html元素 <div v-show="toastFlag == '0'"> //弹窗1 </div> <div v-show="toastFlag == '1'"> //弹窗2 </div> <div v-show="toastFlag == '2'"> //弹窗3 </div> async st
阅读全文
摘要：<template> <div class=''></div> <img :src="icon" alt=""> </template> <script> export default { data(){ return{ // 加require即可 icon:require('../assets/i
阅读全文
摘要：1.先按照网上说的修改对应配置 2.发现图标还是框框，打开浏览器调试工具，资源里没有fonts这个文件夹，查找原因最后发现spring的web服务把字体文件全过滤掉了，，，，让后端更改配置，问题解决 参考地址：https://www.hangge.com/blog/cache/detail_2473
阅读全文
摘要：github地址： https://github.com/vuejs/vue-devtools 百度网盘链接: https://pan.baidu.com/s/17EiJIEaT9kElQ6YMyBQiTg 提取码: dvfc 参考地址：https://www.jianshu.com/p/63f09
阅读全文
摘要：build配置问题 把 assetsPublicPath: '/', 改成 // assetsPublicPath: '/account/',（你的服务器地址后面的名字） 或者 assetsPublicPath: './', 遗留了一个问题，线上环境为啥要改dev的配置？（不改还会有一部分报错404
阅读全文
摘要：vant组件上传较大图片（超过1M）时，不要立即对这张图片进行压缩操作，会造成黑屏 解决办法：等下（1秒就够）再进行操作 <van-field v-if="reserveList.indexOf('visitorCertPath') != -1" name="visitorCertPath" lab
阅读全文
摘要：1.moment大约200kb，dayjs才2kb，所以使用dayjs要优 https://day.js.org/docs/zh-CN/installation/node-js
阅读全文
摘要：1.https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md 60kstar的全能型模板 组件： vue 和 element-ui 2.https://github.com/chuzhixin/vue-ad
阅读全文
摘要：1.npm install input-plate-number --save 样式可以，键盘相对严谨，但是输入有bug， 2.npm install vue-carplate --save 插件样式个人看来是最好看的，键盘的输入最严谨，但是没有新能源车牌的选项， 3.https://github.
阅读全文
摘要：第一步： 在config中引入 // 全局引入vant的提示框 import { Toast } from "vant"; Vue.use(Toast); 第二步： 使用 this.$toast('受不了了，宝贝不能再少了哦')
阅读全文
摘要：this.$router.push()实现路由跳转 push 后面可以是对象，也可以是字符串： // 字符串 this.$router.push('/home/first') // 对象 this.$router.push({ path: '/home/first' }) // 命名的路由 this
阅读全文
