![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小m的雨季
这个作者很懒,什么都没留下…
展开
-
monaco-editor vue2.X组件化
monaco-editor vue2.X组件化原创 2022-05-18 11:12:47 · 710 阅读 · 0 评论 -
vue-router 嵌套路由注意点
注意下面几点:1、 在组件中,我们可以通过 $route.params.id 来获取到user/小明/post 中的小明,这样,我们就可以进行个性化的设置了。2、以 / 开头的嵌套路径会被当做根路径, 这可以让你充分的使用嵌套组件而无需设置嵌套的路径。也就是说: 我们在children下,写path: "profile", 就相当于拼接成了 /user/:id/profile ,当然,我们也可以直接写为 path: "/user/:id/profile" ,最终的结果是一样的,但是我个人认为后者原创 2021-10-14 14:44:10 · 308 阅读 · 0 评论 -
vue-cli移除typescript
vue cli添加typescriptvue add typescriptvue cli 移除typescript步骤一:移除npm依赖npm remove @vue/cli-plugin-typescriptnpm remove typescript步骤二:将所有ts文件改为js原创 2021-08-26 11:08:53 · 2300 阅读 · 0 评论 -
vue3 调试工具最快安装方案(火狐浏览器)
火狐下打开https://github.com/vuejs/devtools/releases打开最新版本点击后安装,注意:如果安装了老版本要禁用老版本原创 2021-07-21 16:44:15 · 778 阅读 · 0 评论 -
vue3+vite+ts 安装汇总
vite 使用"vite": "^2.4.0""vue": "^3.0.5"npm run dev 后报错Error: esbuild: Failed to install correctly解决方案参考https://blog.csdn.net/m0_37682004/article/details/115001613执行node node_modules/esbuild/install.jsts添加 参考文档https://cn.vitejs.dev/guide/.原创 2021-07-14 10:53:06 · 673 阅读 · 0 评论 -
vue-cli 打包后,无需重新打包修改ip方法
需求:打包后js文件被压缩,部署时拿到的打包后代码,上线前需要在单独文件修改压缩后代码的ip方法:index 引入 配置ip的js文件,作为变量传递给 baseUrl ,实现一处修改,刷新就用原创 2021-05-08 17:01:59 · 726 阅读 · 0 评论 -
vue中props 父组件更新子组件更新视图方法
不更新原因:从 props 的 info 传递给 data 的 list ,只有一次操作,就是在 mounted 中,往后即使 props 的 info 发生了变化,data 也接收不到解决:(推荐):computed 重新计算属性 赋值到子组件watch 监听props 变化...原创 2021-05-06 09:02:38 · 1055 阅读 · 0 评论 -
vue $on 重复触发 解决方案
原理:绑定前先解绑以前的绑定//main.js中添加$bus,使用 this.$bus.$on , this.$bus.$emitVue.prototype.$bus = new Vue()Vue.prototype.addEvent = function (key, fallback) { this.$bus.$off(key); this.$bus.$on(key, fallback);};原创 2021-04-07 08:27:28 · 415 阅读 · 0 评论 -
vue自定义全局方法-获取href指定参数
第一步:创建utils.js文件,并保存到项目根目录1 export default{2 getUrlKey:function(name){3 return decodeURIComponent((new RegExp('[?|&]'+name+'='+'([^&;]+?)(&|#|;|$)').exec(location.href)||[,""])[1].replace(/\+/g,'%20'))||null;4 }5 }第二步:在主j原创 2021-01-28 17:34:10 · 1013 阅读 · 0 评论 -
vue-router 不跳转刷新
Vue项目中刷新当前页面的方法JS 原生刷新页面方法:window.location.reload() 利用路由刷新的方法:this.$route.go(0) 利用 vue 提供的 provide 和 inject 自定义刷新前两种方法:js原生方法和路由刷新相当于强制刷新当前页面,虽然比较简单方便,但是一旦调用页面会出现明显的白屏现象,用户体样不好。下面介绍第三种方式,可以较好解决白屏问题。利用provide和inject实现页面刷新 首先在 App.vue 的<r...转载 2020-11-20 15:03:03 · 1541 阅读 · 0 评论 -
vue动态组件 keep-alive
动态组件通过使用保留的<component>元素,动态地绑定到它的is特性,我们让多个组件可以使用同一个挂载点,并动态切换: var vm = new Vue({ el: '#example', data: { currentView: 'home' }, components: { home: { /* ... */ }, posts: { /* ... */ }, archive: { /* ... */ } }}...原创 2020-11-20 10:00:36 · 113 阅读 · 0 评论 -
vue 界面变化 字体大小 切换自适应方法
设置方法 // 设置 rem 函数 function setRem() { // 当前页面宽度相对于 1920宽的缩放比例,可根据自己需要修改。 const scale = document.documentElement.clientWidth / 1920 // 设置页面根节点字体大小(“Math.min(scale, 2)” 指最高放大比例为2,可根据实际业务需求调整) document.documentElement.style.fontSize = ba.转载 2020-11-20 09:21:45 · 7856 阅读 · 3 评论 -
vue 基础知识 常用知识点
//你应该这样做, 在合并后形成新的对象, 在把新对象赋值给vue的数据对象// 这样多就会触发响应式vm.student = Object.assign({},vm.student,{ age:18})原创 2020-11-09 15:33:31 · 133 阅读 · 0 评论 -
vue-element-admin 菜单栏 三级目录生成无法展示问题
子菜单父级要带<router-view />这样 vuex才有容器去展示 子菜单的内容index.vue: <!-- 父级路由组件 --><template> <div> <!-- xxx html 内容 --> <router-view /> </div></template>https://panjiachen.github.io/vue-element-原创 2020-09-16 08:43:40 · 2641 阅读 · 0 评论 -
vue-element-admin $notify 内容过长不自动换行的问题
解决方案:样式覆盖自动换行/*设置内容超出后自动换行*/ word-wrap: break-word; word-break: break-all;原创 2020-09-16 08:37:29 · 927 阅读 · 0 评论