随笔分类 - VUE
摘要：因为项目路径中有特殊符号 (& 这种会被当做特殊符号)，导致找不到 vue-cli-service.js 文件。所以报错。
阅读全文
摘要：先上图： 问题的原因： 这里是 Vue2.x 的项目使用了 Vue3.x 的开发者工具导致的。 解决方案： 使用Vue2.x调试工具就OK了。 end~
阅读全文
摘要：1.安装 vConsole npm i vconsole 2.新建 vConsole.js 文件，写入以下代码: import VConsole from "vconsole"; let vconsole = new VConsole() export default vconsole 3.在 ma
阅读全文
摘要：问题: 在配置 Element-ui 的按需引入时报错。https://element.eleme.cn/#/zh-CN/component/quickstart 解决方案: 1.安装 @babel/preset-env: npm i @babel/preset-env -D 2.把 babel.c
阅读全文
摘要：一.问题: 在前端项目开发完成后，一般需要放在服务器下运行，这里搭建一个 node 服务器，用来运行前端项目。 二.搭建 node 服务: 1.新建一个文件夹: 2.初始化: npm init 3.初始化选项一路回车 4.安装 express: npm i express 5.新建 static 文
阅读全文
摘要：解决方案： 使用vue2安装对应的router3版本;使用vue3安装对应的router4版本; vue-router 默认安装最新版本，目前是4.x 这里使用的是vue2,所以要使用 vue-router 3.x 版本 npm i vue-router@3 END...
阅读全文
摘要：1.vue官网写道： 这是与 Vue 3 匹配的 Vuex 4 的文档。如果您在找与 Vue 2 匹配的 Vuex 3 的文档。 Vue2 匹配 vuex3, Vue3匹配 vuex4。 npm i vuex 默认安装的是最新版本。 这里使用的是vue2 使用Vue2应该安装 vuex3.x 版本
阅读全文
摘要：1.在Vue中安装并使用 animate.css 解决方案：在确认安装，使用无误的情况下，去开启电脑中的 "窗口内的动画控件和元素"。 再去访问 animate 官网 https://animate.style/ 预览样式就可以生效啦。 END...
阅读全文
摘要：问题描述： 子组件代码： this.$emit('clickPage',value) 父组件接收，代码： :clickPage="getClickPage" 这样，就没监听到。。。 解决方案： 把 冒号 改成 v-on , 不用简写形式。 然后改成这样就好了。好了！ v-on:clickPage="
阅读全文
摘要："export 'watchEffect' was not found in 'vue' 报错信息 解决方案： 重新安装指定版本 vue-router:
阅读全文
摘要：今天遇到一个问题。 想使用 lazy 实现，在失去焦点时更新输入的数据 这样一个效果。 处理后的值应该是1 检测用户输入非法字符，失去焦点时正则过滤后给更新输入框中的值。 失去焦点时，处理函数也执行了，就是数据没更新。。。 vue 3.x版本，跟版本也没啥关系，翻了半天文档没找到问题。。 然后删除了
阅读全文
摘要：问题：axios 配置 baseURL 报错 解决方案： 重新安装老版本 axios npm i axios@0.19.0 -S OVER~ 检查了确定写法没有问题，清除缓存无效。 想到前两天升级了浏览器，于是换个浏览器，还是报错。 卸载重新安装无效。 npm i axios -S npm i ax
阅读全文
摘要：问题：在 VUE 3.0.4 版本，使用 axios 时报错Uncaught (in promise) TypeError: Cannot convert undefined or null to object at Function.keys (<anonymous>) at mergeConfi
阅读全文
摘要：为开发调试方便安装 webpack-dev-server. webpack-dev-server 可以让 webpack 监听项目源代码的变化，从而进行自动打包构建。 安装 webpack-dev-server npm install webpack-dev-server@3.11.2 -D 安装完
阅读全文
摘要：1.关于CLI : Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 一个运行时依赖 (@vue/cli-service)，
阅读全文
摘要：参考Tinymce官网：https://www.tiny.cloud/docs/integrations/vue/ 这里以Vue CLI为例。 1.使用NPM安装Tinymce Vue.js 集成： （1）查看Vue版本： 项目根目录下的 package.json 文件中 dependencies
阅读全文
摘要：vue 版本号直接查看 package.json 文件中的 dependencies 中的 "vue"。 1 "dependencies": { 2 "vue": "^2.5.2", 3 "vue-resource": "^1.5.3", 4 "vue-router": "^3.0.1" 5 },
阅读全文
摘要：1.父组件向子组件传值 父组件HTML部分： 父组件js部分： 调用组件时，使用v-bind将logo的值绑定为Conten.vue中定义的变量logoMsg 子组件部分： headers.vue的HTML部分 JS部分： 使用props，从父组件获取logo的值。props['logo'] 然后就
阅读全文
摘要：1.创建组件： 2.配置组件：router/index.js文件 3.引用组件：
阅读全文
摘要：利用Element 组件 “container布局容器”布局； 当内容不能铺满屏幕时，footer不能置底； 这样的： 先说解决方案： 1 .divBox{ 2 position:absolute; 3 top:0; 4 left:0; 5 width:100%; 6 height:100%; 7
阅读全文
