前端经验

Vue 中 a标签上href无法跳转的解决方式

使用vue-router 在IE下 a标签里的路由不跳转,火狐,chrome工作正常。 解决: 在App.vue 里增加判断IE浏览器手动修复 export default { name: App , mounted(){ function checkIE () { return -ms-scroll-limit in doc...

前端经验

vue 中3种传值方法

vue项目中,组件跟组件之间数据的传递是很普遍的行为,在这里总结几种常见的vue组件跟组件之间传值方式,其中,主要有父子组件,非父子组件传值。 父组件向子组件传值 方法:父...

前端经验

Vue2.0 实现页面缓存和不缓存的方式

1、在app中设置需要缓存的div keep-alive //缓存的页面 router-view v-if = $route.meta.keepAlive / router-view / keep-alive router-view v-if = !$route.meta.keepAlive / router-view //不缓存的页面 2、在路由router.js中设置...

前端经验

解决vue admin element noCache设置无效的问题

1、后台返回的数据 { path : /fbgq ,name: fbgq ,component: () = import ( ../views/part/fbgq.vue ),meta: {title: 发布供求 , noCache:false}}, 2、对应vue文件fbgq.vue 要在script设置统一的name名称 export default { name :...

前端经验

Vue退出登录时清空缓存的实现

template div id = main class = app-main router-view / router-view / div / template script export default { data () { return { theme: this .$store.state.app.themeColor }; }, mounted () { }, beforeDestroy () { }, methods: { }, mounted(){ // 关...

前端经验

vue-element-admin 菜单标签失效的解决方式

设置菜单路由时,代码如下: { path: /materieluse , component: Layout, meta: { title: 仓库管理 , icon: component }, children: [{ path: materielList , component: () = import( @/views/materieluse/materielList ), name: icons , m...

前端经验

vue+element导航栏高亮显示的解决方式

用导航菜单时遇到的一些问题: 点击打开官网例子 问题1: 页面强制刷新,按F5时,页面如果没有好好设置的话,导航栏默认叠起来,而且无高亮显示;刷新后导航栏显示和之前不一致...

前端经验

vue transition 在子组件中失效的解决

子组件: template div v-show = showMine div class = mask @ click.self = onMask / div transition name = slide-fade div class = my_group v-if = showMine 我的 / div / transition / div / template script export default { name: mine , props...