g229191727的博客

项目中，渲染的数据为对象数组arr = [ obj, obj, obj ... ]，业务需要要给某个对象obj增加一个属性key；在父组件渲染之前，通过this.$set()方法，给要渲染的数据对象增加属性，保证被vue拦截加了getter和setter。没有通过$set方法增加，或者在渲染之后才增加该属性，导致该属性并不会被vue监听到。但是当在父组件中修改这个属性后，子组件并没有随着更新。...

<template> <keep-alive include="a, b, c"> <router-view /> </keep-alive></template>上面这样使用只有第一个组件a能缓存，b和c都不能缓存。切记：使用逗号分隔字符串这种形式，不能有空格<template> <keep-alive include="a,b,c"> <router-view /&gt.

遇到的问题：当tableData数据中有多条数据完全相同时，点击多条中的任一条都会选中完全相同的多条数据。解决办法：在tableData数据中加入能区分不同数据的字段，如index索引。...

产品列表中使用v-lazyload插件懒加载img图片，但是当对产品列表重新排序（人气、销量、价格...），产品info信息改变，但是img图片没有发生变化，控制台查看DOM结构，发现DOM绑定的图片链接也没有发生变化，查阅资料找到解决方法：只需在img标签中增加: key=imgUrl，即可实现img图片随数据排序的改变动态切换。&lt;img v-lazy="imgUrl" :key="...

项目中，在处理购物车数据时，由于价格往往都是浮点数，而JS中对于小数点的精度是无法保证的，所以计算后的浮点数有时候会出现小数位数太多，并不是我们想要的结果，想到使用toFixed() 方法实现保留一定小数位数。因为购物车、订单页等页面都要用到，所以全局注册过滤器filters。1.vue项目中可能需要用到很多filters，所以在src目录下新建一个common/filter目录，在fil...

项目中，第一次从“购物车”页前进“订单确认”页时，“订单确认”页可以正常加载数据，但是当后退到“购物车”页，重新选择商品后再次进入时，页面没有加载，还是上一次的数据。经过查阅vue相关文档资料，发现可以使用watch 方法监测路由的变化，每当路由发生变化时，执行watch中的代码，重新获取数据即可，关键数据没有清空还是缓存的上一次的数据，所以导致每次加载页面都不会重新渲染数据，所以找到关键数据...

首先确保使用开发版本的vue.js，不能使用min版本 ；确保插件安装成功。1、插件安装后提示“vue.js not detected”解决办法找到Vue.js devtool插件的安装目录。用户可以在插件列表中找到插件的ID，然后在本地电脑搜索ID：nhdogjmejiglipccpnnnanhbledajbpd。windows系统上chrome插件的安装位置C:\Users\用户名\AppDa...

最近项目中需要编辑“收货地址”，上网搜索发现了Vue的一款地区联动插件：vue-area-linkage，结合项目记录插件使用过程：该插件基于Element UI，所以必须安装Element UI。1、安装：npm i element-ui vue-area-linkage area-data2、使用：main.js中依赖注入：import ElementUI from 'element-ui';...

项目开发中，用户注册、登录时，密码需要进行加密后保存到数据库。原因如下：1、预防网站运营内部人员盗取密码。2、预防外部攻击，如果你注册的网站被黑客进行攻击，得到该网站的一些数据，拿到的也是一堆经MD5处理后的字符串。md5是一种常用的哈希算法，主要用于对一些重要数据进行“签名”，得到的“签名”通常都是一个32位的十六进制字符串。注意：密码不要设置的过于简单。用户设置的密码：密码长度要够长，密码里要...

'use strict'const path = require('path')const utils = require('./utils')const webpack = require('webpack')const config = require('../config')const merge = require('webpack-merge')const baseWebpa...

'use strict'const path = require('path')const utils = require('./utils')const config = require('../config')const vueLoaderConfig = require('./vue-loader.conf')function resolve (dir) { return p...

JS中：双引号内不能包含双引号，单引号内不能出现单引号。如果遇到多次嵌套时，有以下两个解决方案：1.使用转义符号“\”转义template:'&lt;div @click="school=\'home\'"&gt;组件一 {{school}}&lt;/div&gt;',2.使用es6模板字符串“``”template: ` &lt;div @click="school='home'"&gt;组件一...

组件化开发的好处：提高开发效率、方便重复使用、便于协同开发、更容易被管理和维护。vue中把一个自定义标签看成一个组件。组件命名规则：1.不能是W3C规定的标准标签如div、p等2.组件名小写，多个单词用“-”连接父子组件之间数据传递父传子：父亲 -&gt; 儿子 -&gt; 孙子 （属性传递）子传父：孙子 -&gt; 儿子 -&gt; 父亲  (事件传递)父传子流程：1) 首先在父组件中引用、注册...

使用vue-cli初始化项目，在"build"编译后，打开页面空白，打开"index.html"发现文件所引用的资源文件路径前少了“.”，如下图所示：打开配置文件webpack.base.conf.js查看output的publicPath，发现引入的是config文件夹下的index.js文件中dev和build下的assetsPublicPath，将bulid的assetsPublicPath...

前端：vue-cli+mint-ui+axios后端：node+express+mongoDB前端调用后端接口时出现跨域问题：解决方案：方案1：后端用express写服务时加入跨域头let express = require("express");let app = express();//跨域头app.all('*', function (req, res, next) { res.h...

首先，在入口文件main.js中引用mint-uiimport Mint from "mint-ui"import "mint-ui/lib/style.css"Vue.config.productionTip = falseVue.use(Mint)然后可以在需要图片懒加载的地方使用v-lazy指令。使用步骤：1.为 img 元素添加 v-lazy 指令，指令的值为图片的地址。&lt;ul...

使用步骤：1.安装：npm install mint-ui -S2.引入组件// 完整引入import Vue from 'vue';import Mint from 'mint-ui';import "mint-ui/lib/style.css"Vue.use(Mint);// 按需引入注意：和Element-ui类似，按需引入时需要借助babel-plugin-component插件npm i...