解决Vue打包上线之后部分CSS不生效的问题
首先注释掉webpack.prod.conf.js中下面的代码 new OptimizeCSSPlugin({ cssProcessorOptions: config.build.productionSourceMap ? { safe: true, map: { inline: false } } : { safe: true...
- 0
- 0
- admin
- 发布于 2020-07-21 22:11
- 阅读 ( 513 )
admin
微信小程序点击顶部导航栏切换样式代码实例
这篇文章主要介绍了微信小程序点击顶部导航栏切换样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 类似这样的效果 <vi...
- 0
- 0
- admin
- 发布于 2020-07-21 22:10
- 阅读 ( 510 )
Vue自定义指令结合阿里云OSS优化图片的实现方法
图片往往在加载前端项目中占大头，如何既不损失图片质量，又提升加载速度呢？ 根据显示设备pixelRatio和元素宽高来显示合适图片略微压缩图片质量使用webp 注册全局自定义指令 Vue.directive(...
- 0
- 0
- admin
- 发布于 2020-07-21 22:10
- 阅读 ( 480 )
浅谈如何优雅处理JavaScript异步错误
1. try/catch try/catch基本上是大家最常和async/await一起使用的，基本上我们会用它去包围大部分的异步方法。await关键字后面的promise一旦reject了，就会抛出一个异常错误。 run(); async f...
- 0
- 0
- admin
- 发布于 2020-07-21 22:09
- 阅读 ( 489 )
vue页面切换项目实现转场动画的方法
前言 移动端, 使用vue为了良好的用户体验, 会需要实现APP形式的切换页面的左滑和右滑效果 实现原理, vue的过渡 & 动画 技术栈: vue + vue-router 解决思路 区分前进 和 后退的路由 网...
- 0
- 0
- admin
- 发布于 2020-07-21 22:08
- 阅读 ( 446 )
解决vue-cli 打包后自定义动画未执行的问题
在vue项目中，想实现无缝向上滚动的自定义动画效果 webpack 打包后动画未执行，就是你npm run build生成的dist中动画未生效 @-webkit-keyframes move { 0%{ top:0; } 100% { t...
- 0
- 0
- admin
- 发布于 2020-07-21 22:08
- 阅读 ( 513 )
vue transition 在子组件中失效的解决
错误代码： 子组件： <template> <div v-show="showMine"> <div class="mask" @click.self="onMask"></div> <transition name="slide-fade"> <div...
- 0
- 0
- admin
- 发布于 2020-07-21 22:06
- 阅读 ( 480 )
vue+element导航栏高亮显示的解决方式
用导航菜单时遇到的一些问题：点击打开官网例子 问题1： 页面强制刷新，按F5时，页面如果没有好好设置的话，导航栏默认叠起来，而且无高亮显示；刷新后导航栏显示和之前不一致，如图所示...
- 0
- 0
- admin
- 发布于 2020-07-21 22:06
- 阅读 ( 469 )
vue-element-admin 菜单标签失效的解决方式
设置菜单路由时，代码如下： { path: '/materieluse', component: Layout, meta: { title: '仓库管理', icon: 'component' }, children: [{ path: 'materielList', com...
- 0
- 0
- admin
- 发布于 2020-07-21 22:05
- 阅读 ( 467 )
Vue退出登录时清空缓存的实现
<template> <div id="main" class="app-main"> <router-view></router-view> </div> </template> <script> export default { data...
- 0
- 0
- admin
- 发布于 2020-07-21 22:04
- 阅读 ( 452 )
解决vue admin element noCache设置无效的问题
1、后台返回的数据 { path: '/fbgq', name: 'fbgq', component: () => import('../views/part/fbgq.vue'), meta: { title: '发布供求', noCache:false } }, 2、对应vue文件fbgq....
- 0
- 0
- admin
- 发布于 2020-07-21 22:03
- 阅读 ( 517 )
Vue2.0 实现页面缓存和不缓存的方式
1、在app中设置需要缓存的div <keep-alive>//缓存的页面 <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive> <router-view v-if="!$route...
- 0
- 0
- admin
- 发布于 2020-07-21 22:03
- 阅读 ( 498 )
vue 中3种传值方法
vue项目中，组件跟组件之间数据的传递是很普遍的行为，在这里总结几种常见的vue组件跟组件之间传值方式，其中，主要有父子组件，非父子组件传值。 父组件向子组件传值 方法：父组件内设置要传...
- 0
- 0
- admin
- 发布于 2020-07-21 22:02
- 阅读 ( 495 )
Vue 中 a标签上href无法跳转的解决方式
使用vue-router 在IE下 a标签里的路由不跳转，火狐，chrome工作正常。 解决： 在App.vue 里增加判断IE浏览器手动修复…… export default { name: 'App', mounted(){ function checkIE(){...
- 0
- 0
- admin
- 发布于 2020-07-21 22:01
- 阅读 ( 644 )
javascript严格模式详解（含严格模式与非严格模式的区别）
严格模式的优缺点 优点： 提高代码解析与运行速度禁用一些不合理的语法，减少代码的怪异行为 缺点 某些代码在严格模式下会报错，尤其引入公用与第三方模块的时候需要注意有些严格模式的特性...
- 0
- 0
- admin
- 发布于 2020-07-21 22:01
- 阅读 ( 511 )
VUEX 数据持久化存储,刷新后重新获取的例子
VUEX 数据持久化 // store.js getters: { userInfo(state) { console.log('getters',state); if (!state.userInfo.id) { let token = getStorage("token"); console.log('tok...
- 0
- 0
- admin
- 发布于 2020-07-21 21:59
- 阅读 ( 494 )
实现vuex与组件data之间的数据同步更新方式
问题 我们都知道，在Vue组件中，data部分的数据与视图之间是可以同步更新的，假如我们更新了data中的数据，那么视图上的数据就会被同步更新，这就是Vue所谓的数据驱动视图思想。 当我们使用Vu...
- 0
- 0
- admin
- 发布于 2020-07-20 23:18
- 阅读 ( 491 )
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
最近一直在学习uni-app开发，由于uniapp是基于vue.js技术开发的，只要你熟悉vue，基本上很快就能上手了。 在开发中发现uni-app原生导航栏也能实现一些顶部自定义按钮+搜索框，只需在page.json...
- 0
- 0
- admin
- 发布于 2020-07-20 23:17
- 阅读 ( 488 )
vuex管理状态 刷新页面保持不被清空的解决方案
mutation文件 import { RECEIVE_PUBLICHTIT } from './mutation-types' //保证刷新页面数据不消失* function storeLocalStore (state) { window.localStorage.setItem("publicTit",JSON.st...
- 0
- 0
- admin
- 发布于 2020-07-20 23:16
- 阅读 ( 408 )
vuex实现数据状态持久化
用过vuex的肯定会有这样一个痛点，就是刷新以后vuex里面存储的state就会被浏览器释放掉，因为我们的state都是存储在内存中的。 所以我们通过 vuex-persistedstate这个插件，来实现将数据存储到...
- 0
- 0
- admin
- 发布于 2020-07-20 23:15
- 阅读 ( 483 )
