![](https://img-blog.csdnimg.cn/9c52e074c02b47fbb2971cf34d757b73.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
vue
vue
陌寒1024
任何值得拥有的东西都值得期待.
展开
-
vue使用elementUI,接口报错message消息提示弹出过多问题
记录登录失效时,跳转到登陆页面,消息弹窗过多,影响用户体验的问题,如图。我们可以重写message来优化这一功能。1、先写一个resetMessage.jsimport { Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() }原创 2021-12-03 14:49:31 · 3472 阅读 · 0 评论 -
vue v-cli3 seo优化 预渲染的实现prerender-spa-plugin&vue-meta-info
预渲染的使用场景更多是我们所说的静态页面的形式。1.依赖下载yarn add puppeteer-coreyarn add vue-meta-info -Dyarn add prerender-spa-plugin --save2.配置 vue.config.jsconst path = require('path')const PrerenderSPAPlugin = require('prerender-spa-plugin')const Renderer = PrerenderSPA原创 2021-11-01 15:50:44 · 428 阅读 · 0 评论 -
uni-app 页面中的背景图片高度和宽度自适应
直接上代码.pages { width: 100%; height: 100%; background: url('@/static/image/index/bgi.png') no-repeat center center fixed ; background-size: cover; box-sizing: border-box;}background 属性语法如下:解释参数1:图片路径参数2:是否平铺repeat:默认代表水平和垂直都平铺no-repeat:代表不.原创 2021-10-14 10:49:53 · 7225 阅读 · 0 评论 -
vue 生成二维码
生成二维码效果前言安装npm install --save qrcode.vue # yarn add qrcode-vue一、使用步骤1.引入//引用组件<qrcode-vue id="qrcodeBox" :size="qrcodeVue.size" :value="qrcodeVue.value" :logo="qrcodeVue.logo" :bgColor="qrcodeVue.bgColor" :fgColor="qrcodeVue.fgColor">原创 2021-09-18 13:58:01 · 319 阅读 · 0 评论