随笔分类 - Vue开发
摘要：在项目开始的时候，把所有的代码都码好。在页面跳转的时候总有几个页面，在跳到该页面时样式全错位了，但是刷新一下就又好。 跳转后页面的样式会沿用了前一个页面的样式，导致页面错乱。 解决办法: 在跳转前和跳转后页面的style上加上scoped <style scoped> header{ width:
阅读全文
摘要：1.安装echarts和echarts-map插件 npm install echarts --save npm install echarts-map --save 2.在组件中引入echarts和echarts-map import echarts from 'echarts' import '
阅读全文
摘要：npm 启动项目 npm run serve/dev的时候报了个错：再次记录一下 1.问题原因 项目启动失败，一直报错，翻译一下，大概意思就是依赖包或者模板有问题 2.解决方法 （1）需要找到node_modules把这个文件夹删掉 （2）然后cmd或者vscode终端再运行npm install即
阅读全文
摘要：以下是一些常见的webpack打包优化方案： 1.使用生产模式（production mode）： // webpack.config.js module.exports = { mode: 'production', // ... 其他配置 }; 2.代码分割（Code Splitting）： /
阅读全文
摘要：Vue路由（router）的安装和使用 安装vue-router插件 第一步：在CMD窗口中，使用命令跳转到vue的安装路径下第二步：输入命令：npm i vue-router@3vue2 要安装 vue-router3 npm i vue-router@3 vu3 要安装 vue-router4
阅读全文
摘要：1.运行vue项目 npm run serve 2.开启vue项目 npm run start 3.重启vue项目 npm run restart 4.停止vue运行 npm run stop 5.打包vue项目 npm run build
阅读全文
摘要：封装正则校验证件号方法 创建commRepExp.js /** * 校验身份证,代校验位 此处仅仅是大陆18位的身份证校验 * @param idCard 校验的数据 * @returns Boolean 返回布尔值 */ const isVerifyIdCard = (idCard) => { /
阅读全文
摘要：实现文本框根据输入内容自适应高度。 代码如下： <van-field v-model="setMailInfo.tempName" rows="1" autosize label="" class="mt-textarea" input-align="right" type="textarea" p
阅读全文
摘要：Vant 修改field中的placeholder样式 .van-field__control::-webkit-input-placeholder { color: #757575; font-size: 0.75rem; font-weight: 400; }
阅读全文
摘要：1.常用的父子组件通讯方式：props，$emit 父组件传入属性，子组件通过props来接收，在子组件中就可以用this.xxx方式使用。 子组件通过$emit(事件名，参数)向外弹出一个自定义事件，在父组件中的属性监听事件，可以获得子组件中传出来的值 //父组件 <com-view :show=
阅读全文
摘要：vant处理页面下拉刷新，上拉加载 html <div id="app" v-cloak> <div class="header fixed_top background_FFF border_beee"></div> <!-- 内容 --> <div class="main_container"
阅读全文
摘要：案例是三个组件之间进行传值，为了好区分，将父、子组件改名为：父组件、儿组件、孙组件，三代之间进行传值。父组件：one.vue儿组件：two.vue孙组件：three.vue 一、父子组件间传值 1.vue框架传值常用的有： （1）父传子，在父组件里面的子组件上通过v-bind绑定一个变量传给子组件，
阅读全文
摘要：一、创建vue2脚手架项目 第一步：打开打开cmd命令窗口，配置npm淘宝镜像 命令：npm config set registry https://registry.npm.taobao.org 第二步：全局安装@vue/cli 命令：npm install -g @vue/cli 注意：此命令只
阅读全文
摘要：一、MVVM原理 MVVM是响应式，双向数据绑定，是指数据层（Model）-视图层（View）-数据视图（ViewModel）的响应式框架。 1.数据层（Model）-- Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。 2.视图层（View）-- View 很简单，就是用
阅读全文
摘要：计算属性和监听属性区别: （1）watch：检测的是属性值，只要属性值发生变化，其都会触发执行回调函数来执行一系列操作 （2）computed：检测的是依赖值，依赖值不变的情况下其会直接读取缓存进行服用，变化的情况下才会重新计算。 （3）计算属性不能执行异步任务，计算属性必须同步执行，异步任务交给监
阅读全文
