jiangwei1994的博客

1.封装js，命名为message.js，代码如下：/**防止重复点击重复弹出message弹框 */import {Message} from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } messageInstance = Message(opti

1.打开/config/index.js文件将productionGzip设置为trueproductionGzip: true,然后用npm安装依赖，命令如下：npm install --save-dev compression-webpack-plugin@1.1.122.打开/build/webpack.base.config.js文件找到module.exports的module中的rules，将limit设置为1000（默认为10000），如下图：3.服务器端配

一、安装Vuex安装命令：npm install vuex --save二、新建store.js文件文件内容如下：import Vue from 'vue';// 引入vueimport Vuex from 'vuex';// 引入vuexVue.use(Vuex); // 使用vuex插件// Store实例export default new Vuex.S...

创建local.js文件，文件内容如下：const local = {}/** * put 把数据放到本地存储 * @param {*} key * @param {*} value */local.set = function (key, value) { window.localStorage.setItem(key, JSON.stringify(value));}...

一、写好组件<template> <button class="btn"> <slot/> <!-- 插槽 --> </button></template><script>export default { // 传入子组件的参数写到props props: { }...

一、安装在命令行中输入一下命令安装二维码插件：npm install qrcodejs2 --save需要注意的是，这里安装的是qrcodejs2而不是qrcode ，因为安装qrcode会报错。二、引入在需要的页面引入QRcode插件：import QRCode from 'qrcodejs2' 三、使用html部分：<div id="qrco...

一、下载打印插件通过这个地址下载vue打印插件：https://github.com/xyl66/vuePlugs_printjs，下载完毕后，在src下新建文件夹plugs，将下载的插件print.js放到plugs文件夹里二、全局注册打印插件在main.js里注册打印插件，注册完成后，就可以在组件中使用了，main.js里的代码如下：// vue 打印插件import P...

一、v-viewer插件首先，用命令行安装v-viewer插件：npm install v-viewer --save然后，在main.js中注册v-viewer插件，代码如下：// 实现图片点击放大import Viewer from 'v-viewer'import 'viewerjs/dist/viewer.css'Vue.use(Viewer);Viewer.s...

公共组件部分此组件是配合后台用的，每选择一次，调去一次后台接口，获取相应地址的数据。html部分：&lt;template&gt; &lt;el-form-item label="地址" :label-width="'100px'"&gt; &lt;el-select v-model="addList.province" placeholder="请选择省" cl

1.安装node.js与npm首先，你需要安装node.js与npm,如果没有安装，可以去官网安装，node.js官网地址：https://nodejs.org/en/，一般node.js都自带npm。安装完node.js后，在终端输入node -v以及npm -v查看是否安装成功，如果出现版本号，即表示安装成功，如下图： 2.安装webpack在终端输入：npm install ...

1.安装sass依赖包在终端中输入npm install --save-dev sass-loader，下图表示安装成功：安装完sass-loader后，再安装node-sass，输入npm install --save-dev node-sass，因为sass-loader依赖于node-sass，下图表示安装成功：2.添加配置打开build文件夹下的webpack.ba...

data() { return { addMealList: { name: "", price: "0", discount: "0", weight: "0", }, }; }, watch: { addMealList: { handler: functi...

在vue中，在data里建立两个对象。data() { return { dataA:{ a:1 }, dataB:'' }};将dataA的内容赋值给dataB，改变dataB里对象的值，发现dataA里的值也跟着变化了。为什么会出现这种情况呢？其实，这是一个引用传递而不是值传递，dataA和dataB指向的是同一...