随笔分类 -  vue

vue3 Teleport 的vue2实现方法（改变组件父元素为body或者其他元素）
摘要：前言： 在项目中，我们会遇到这样的情况，我们在一个组件中，想实现一个弹框（模态框），但是这个弹框我们想全屏，这样的话，需要把弹框的父元素设置为body, 这个怎么实现呢？ vue3 实现方法： <button @click="modalOpen = true"> Open full screen m 阅读全文
posted @ 2022-04-02 10:46 茶记忆 阅读(1157) 评论(0) 推荐(0) 编辑
子组件如何改父组件传过来的值
摘要：我们知道，vue 子组件一般可以直接用父组件的值，但是一般不改父组件的值，那么如何实现子组件改父组件的值，并且更新自我呢？ 请看下面的解决方案！！！ 阅读全文
posted @ 2021-03-25 09:48 茶记忆 阅读(85) 评论(0) 推荐(0) 编辑
VUE路由懒加载的方法小结
摘要：随着项目的增大，我们需要将项目中的资源进行懒加载？那么在vue项目中如何实现呢？ 1、方法一：ES6的import()方法 利用import 的方法进行懒加载，注意 /* webpackChunkName: "group-foo" */ 为魔法注释，可将重命名打包后文件的名字，如果名字一致路由，最后 阅读全文
posted @ 2020-07-27 14:20 茶记忆 阅读(1771) 评论(0) 推荐(0) 编辑
vue-devtools的正确安装步骤
摘要：1、 下载mater 分支 的vue-devtools （目前是4.1.5版本） ( 切记一定要下载master 分支的，dev的目前测试npm run build 会失败) 下载地址： maser分支下载地址为 https://github.com/vuejs/vue-devtools/tree/ 阅读全文
posted @ 2020-03-03 00:28 茶记忆 阅读(6160) 评论(0) 推荐(0) 编辑
vue.config.js 极简化配置 参考！
摘要：前提： 在开发环境下，axios.defaults.baseURL = ''， 即不设置axios的前缀 ！ 方法一： 这个是接口在开发环境中的接口形式，以/api 形式开头。 然后vue.config.js 配置如下 module.exports = { publicPath: '', // 为空 阅读全文
posted @ 2020-03-02 22:07 茶记忆 阅读(566) 评论(0) 推荐(0) 编辑
vue中代理实现方法
摘要：vue中代理实现方法如下： const path = require('path'); function resolve(dir) { return path.join(__dirname, dir) } // 项目的主要配置文件 module.exports = { publicPath: '', 阅读全文
posted @ 2019-07-25 16:15 茶记忆 阅读(4229) 评论(0) 推荐(0) 编辑