解决vue 子组件修改父组件传来的props值报错问题
vue不推荐直接在子组件中修改父组件传来的props的值，会报错 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. I...
- 0
- 0
- admin
- 发布于 2020-07-21 22:16
- 阅读 ( 560 )
admin
浅谈vue中组件绑定事件时是否加.native
组件绑定事件时 1. 普通组件绑定事件不能添加.native, 添加后事件失效 2. 自定义组件绑定事件需要添加.native, 否则事件无效 <template> <!-- <mt-field label="用户名" placeh...
- 0
- 0
- admin
- 发布于 2020-07-21 22:15
- 阅读 ( 456 )
Vue根据条件添加click事件的方式
需求：根据特定条件，增加或者去掉click事件（例如：clickFlag == true时，添加click事件；clickFlag == false时，去掉click事件；） 解决方法： 方式一：在绑定事件中直接添加标示量clickFla...
- 0
- 0
- admin
- 发布于 2020-07-21 22:14
- 阅读 ( 505 )
浅谈vuex中store的命名空间
为了防止store变的过于臃肿，我们可以为store注册模块，模块默认是属于全局命名空间的，也就是说当用下列代码分发action时，任意模块只要action中有addNews，就会得到执行 this.$store.dispat...
- 0
- 0
- admin
- 发布于 2020-07-21 22:14
- 阅读 ( 482 )
解决$store.getters调用不执行的问题
api：https://vuex.vuejs.org/zh/guide/getters.html 场景： 在登录时将登录得到的用户信息存储在vuex的state和sessionStorage中。使用时在state中获取，当因为刷新等原因导致state中没有数据...
- 0
- 0
- admin
- 发布于 2020-07-21 22:13
- 阅读 ( 504 )
在Vue中使用this.$store或者是$route一直报错的解决
今天在引入路由参数和状态组件的时候发现一直报空找不到，但是我在控制台查看还能找得到 一直超费解，直到我在其他组件单独测试的时候又可以了 这是测试正常的 test1s : function(){ de...
- 0
- 0
- admin
- 发布于 2020-07-21 22:13
- 阅读 ( 521 )
vue.js的状态管理vuex中store的使用详解
一、状态管理（vuex）简介 vuex是专为vue.js应用程序开发的状态管理模式。它采用集中存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex也集成刀vue的官...
- 0
- 0
- admin
- 发布于 2020-07-21 22:12
- 阅读 ( 516 )
JS如何实现动态添加的元素绑定事件
这篇文章主要介绍了JS如何实现动态添加的元素绑定事件,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 最近做的项目要实现一个动态添加动...
- 0
- 0
- admin
- 发布于 2020-07-21 22:11
- 阅读 ( 471 )
解决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 )
微信小程序点击顶部导航栏切换样式代码实例
这篇文章主要介绍了微信小程序点击顶部导航栏切换样式代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 类似这样的效果 <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 )
