随笔分类 - vue篇
摘要：一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o
阅读全文
摘要：实现后端返回的文档流，点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL
阅读全文
摘要：this.$refs ：用于操作真实的DOM节点。 在开发时碰到了一个小需求，需要子组件向父组件传参，而且是不需要通过事件传递的，一开始使用this.$emit()来写的，但是一直没有接受到参数，于是放弃了使用this.$emit()的使用。 于是，使用了在父组件中调用子组件的方法，来获取传递的参数
阅读全文
摘要：data中数据，都是响应式。也就是说，如果操作data中的数据，视图会实时更新； 但在实际开发中，遇到过一个坑：若data中数据类型较为复杂，方法methods中改变对象的属性，而页面并不会改变 原因是vue监听不到数据类型特别复杂的属性。 可以使用this.$set()来进行强制更新，进而解决问题
阅读全文
摘要：
阅读全文
摘要：一、首先下载需要的插件 npm install @zxing/library --save 二、假设场景：页面上有个按钮，点击触发扫码功能 @click='scanCode()'，在 methods 写入该方法。 scanCode() { console.log('浏览器信息', navigator
阅读全文
摘要：一。在components文件中新建 弹框组件 <template> <div> <el-dialog title="提示" :visible.sync="dialogVisible" width="30%" @close="handleClose"> <span>这是一段信息</span> <sp
阅读全文
摘要：一。下载vuex 在store文件夹下的index.js中 官方文档：https://vuex.vuejs.org/zh/ 需要使用的页面 sotre中 mutations的调用方法 store中getters的使用
阅读全文
摘要：官方文档：https://www.avuejs.com/form/form.html <template> <!-- 基础组件 --> <basic-container> <!-- <el-button @click='exportHandle'>导出</el-button> --> <avue-c
阅读全文
摘要：一,下载 npm install vue-amap --save 二，main.js文件内引入 import VueAMap from 'vue-amap' Vue.use(VueAMap); // 初始化vue-amap VueAMap.initAMapApiLoader({ key: '你的ke
阅读全文
摘要：最近vue项目中遇到弹框内使用富文本编辑器，遇到最大的问题是，在打开弹框后才能创建富文本编辑器，并且只能创建一次，多次点击弹框，报错： Error in v-on handler: "Error: 初始化节点已存在编辑器实例，无法重复创建编辑器" 经多次查找实验的出如下结论： 首先：选择的 wang
阅读全文
摘要：vue项目中，修改了数据可能已经渲染的地方不会发生变化，所以加上 this.$forceUpdate()可以强制刷新数据
阅读全文
摘要：我们在项目中经常使用this.$router.go(-1) 但是，有时我们需要把前一个页面的数据进行缓存，有时需要刷新数据，下面来记录一下怎么操作吧 首先：在vue项目中缓存页面我们能想到 keep-alive 一，路由中meta字段内添加keepAlive和isUseCache属性 二，添加act
阅读全文
摘要：方法 一 ： <div class="mask-cont"> <p><input id="input" /></p> <button class="btns" @click="copyToClip">复制</button> </div> copyToClip:function() { let tha
阅读全文
摘要：<template> <div class="receivable"> <div class="application-header flex-betweenCenter" @click="goBack"> <img class="prod-header-navImg" src="../../ass
阅读全文
摘要：<van-uploader :before-read="beforeRead" v-model="product.images" max-size="1024*1024*2" max-count="1"> <img src="@/assets/images/icon_upload.png" clas
阅读全文
摘要：如图，最近项目需求，点击添加一行dom节点，包含下拉框和input输入框 ，下面展示一下代码 <ul class="sales-menuItem-ul"> <li class="sales-menuItem-li" v-for="(sub,index) in formdata.data" :key=
阅读全文
摘要：一，utils文件夹下新建一个request.js文件 import axios from 'axios'; import QS from 'qs'; import { Toast } from 'vant'; // 环境的切换 if (process.env.NODE_ENV == 'develo
阅读全文
摘要：<template> <div class="myfooter flex-betweenCenter"> <router-link tag="div" to='/home'> <img class="img" :src="isRouter('/home')?index0:index1" alt=""
阅读全文
浙公网安备 33010602011771号