![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
日常开发vue项目遇到的问题及解决
源哥哥呐
这个作者很懒,什么都没留下…
展开
-
vue-element-admin 动态路由 使用import报错
总体思路是路由映射/** * 替换route中component * 需要遍历路由表 将后端返回的component替换为本地的路由表 * componentMap ==== 本地路由映射表 */function replaceComponent(comp) { if(comp.component && typeof(comp.component) == 'string') { comp.component = componentMap[comp.component]原创 2021-04-25 15:49:19 · 1149 阅读 · 2 评论 -
Vue项目PC端屏幕适配
根据项目的设计图 版心一般情况下居中且宽度在1200px然后背景图根据屏幕自适应大小,在小屏的笔记本等设备上就会导致页面显示不全。接下来是处理。。。1.新建device.js文件。class devicePixelRatio { constructor() { //this.flag = false; } //获取系统类型 getSystem() { let flag = false; var agent = navigator.userAgent.toLowerCase原创 2021-02-08 11:09:50 · 2502 阅读 · 2 评论 -
Vue 在H5 项目中使用融云进行实时个人单聊通讯
Vue 在H5 项目中使用融云进行实时个人单聊通讯由于其他博客的相关融云的Vue项目开发不是特别完善,此项目加入了自己的一些思考,可供大家有一点方向。1.融云官网注册账号,获取----。。。## Vue 在H5 项目中使用融云进行实时通讯由于其他博客的相关融云的Vue项目开发不是特别完善,此项目加入了自己的一些思考,可供大家有一点方向。1.融云官网注册账号,创建应用并获取必要的初始化参数 appkey2.融云web开发文档 本人使用3.x 版本3.vue项目引入cdn(index.html)原创 2020-12-09 23:40:42 · 1516 阅读 · 4 评论 -
vue 项目在组件中映射 state 数据
在vue组件中直接使用state数据(映射)import {mapState} from 'vuex' export default { name:'xxx', // 使用计算属性进行state映射 computed:{ ...mapState(['user']) } }// 使用用户名:{{user.username}}...原创 2020-11-30 22:47:29 · 618 阅读 · 0 评论 -
vue将vuex状态管理数据存储在localstorage
vue将vuex状态管理数据存储在localstoragevue项目安装vuex-persistedstate(vuex持久化)npm i vuex-persistedstate -S//store/index.jsimport Vue from 'vue'import Vuex from 'vuex'import xxxfrom './modules/xxx';import createPersistedState from "vuex-persistedstate"Vue.use原创 2020-10-13 09:48:10 · 757 阅读 · 0 评论