成果展示 Vuepress文档 https://v0.vuepress.vuejs.org/zh/ 文档的应用 Vuepress的功能比较强大可用用作文档也可以制作博客，本文主要讲解我对文档的理解的实践及踩坑。 安装依赖 全局 yarn global add vuepress # 或者：npm install -g vuepress 新建一个 markdown 文件 echo ‘# Hello V…

1.效果图如下 2.组件案例 案例： 组件<addressSelect @currentSelected=”selected” :resetData=”resetData” ></addressSelect> //val，输出的是选中的值components引入组件 selected(val) { console.log(val); }, this.resetData = true; …

Module build failed: Error:Vue packages version mismatch:- vue@2.5.22- vue-template-compiler@2.5.17This may cause things to work incorrectly. Make sure to use the same version for both.If you are usin…

el-upload效果图如下 在项目中主要遇到2个问题， 1：个是上传后台（后台php）无法接收到； 2：上传的文件格式和大小不支持 第一个问题通过更改上传的headers   通过设置 headers: { “Content-Type”: “multipart/form-data” }  更改为表单上传 export function uploadImg(formData) { return r…

直接访问url会被http server直接解析到该文件路径，但是spa的路由是虚拟的，并不能直接找到这个file，刷新后所以会404； 需要把所有的请求全部指向（不知道这么说是不是准确）index，然后让js的router解析url， nginx 需要配置 try_files $url /index.html  

element-ui 通过点击表单标题实现自定义排序 由于需求需要，不让使用饿了吗自带的排序，要实现自定义点击标题即可排序。 最终效果图 实现思路 实现思路，通过点击标题获取该列的字段，然后数组按照该字段进行排序。 用到的事件 header-click 当某一列的表头被点击时会触发该事件 column, event   降序算法 // 点击降序 desc(column, event) {…

element-ui踩坑 1.导航上有多个子项选中 如图所示有2个被选中，也有可能是多个 。在el-menu上加:default-active=”$route.path”就可以解决了，根据当前的路由来选择打开项。   2不能保证只有一个子项打开   通过在el-menu上加:unique-opened=true 就可以。   如果:unique-opened=true 失效，我就遇到这样…

better-scroll滚动失效 最终效果图，当其商品个数超过3个的时候可以滚动。但是不能滚动 发现滚动失效主要有2种情况 1:滚动的元素的外层容器是否小于滚动的元素 这个可以通过css来解决==》我的是下面哪种情况。 2.就是实例化的时机不对 ，尤其是在用到v-show切换显示的时候 原本我是将实例化放在了created钩子函数中，遇到了如下报错 [BScroll warn]: Can not…

Vue.set() 官网文档的Vue.set()介绍 Vue.set( target, key, value ) 参数： {Object | Array} target {string | number} key {any} value 返回值：设置的值。 用法： 向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测…

node mock接口数据 之前一直想用json模拟接口，试了很多，jsonplaceholder,postman,rap2 ,发现还是node的好用。 只需在vue项目中的build目录下webpack.dev.conf.js配置一下就好 配置express 在其中加入 //配置接口 const express = require(“express”); const app = express(…