随笔分类 - Vue
摘要：表格如下： 表格为横向接上 数据格式如下： 一、elementUI el-table渲染到网页上 <div v-loading="loading" style="margin-bottom: 16px;"> <div v-if="syncList.length"> <el-table :data="
阅读全文
摘要：1. 接口需要设置 headers: { 'Content-Type': 'multipart/form-data' }, from-data流的形式传参 2. js html: // 文件上传<div class="file"> <el-button type="primary" style="w
阅读全文
摘要：方式一 import Vue from 'vue' /** * @param Component 组件实例的选项对象 * @param props 组件实例中的prop */ export function create(Component, props) { const comp = new (V
阅读全文
摘要：请求后端接口，发现返回的是这么一堆东西 代码： axios: export function exportEcoCarAppoint(params) { return Http({ url: '/api/jsis/ecoCarAppoint/exportEcoCarAppoint' , method
阅读全文
摘要：vue的自定义过滤器 - Filter一、过滤器的介绍二、局部过滤器1. 定义2. 使用2.1 基础用法2.2 串联用法2.3 接收参数三、全局过滤器1. 定义2. 使用四、总结一、过滤器的介绍Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方：双花括号插值 和
阅读全文
摘要：子组件 mySelect.vue <template> <div class="mySelect"> <el-select v-model="value1" placeholder="请选择" @change="handleSelect"> <el-option v-for="item in opt
阅读全文
摘要：vue项目点击button按钮页面自动刷新问题总结 1.问题背景： 最近在做的一个vue项目遇到了一个奇葩的问题，在页面中有个弹窗，在弹窗页面搜索条件后点击搜索按钮后，弹窗关闭并自动刷新了当前页面。关键是这个问题还难复现，因为它只是第一次进入页面时才会有闪退刷新页面，后面就正常，要复现这个问题每次要
阅读全文
摘要：第一种方法：使用vuerouter钩子函数beforeEach，每次进行路由跳转时都进行判断，若页面不存在就跳转到404页面。 import Error from ' ' const router = new Router({ routes:[ name: 'error', path: '/erro
阅读全文
摘要：vue .sync的历史vue .sync 修饰符最初存在于 vue 1.0 版本里，但是在 2.0 中被移除了。但是在 2.0 发布之后的实际应用中，vue 官方发现 .sync 还是有其适用之处，比如在开发可复用的组件库时。开发者需要做的只是让子组件改变父组件状态的代码更容易被区分。从 2.3.
阅读全文
摘要：随着对 vue 的不断了解，会越来越发现它生命周期的重要性，只有了解了它的生命周期，才能在开发项目的时候在逻辑上的很好的判断什么时候该发生什么事件，即很好的控制页面。 一、什么是 vue 生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、
阅读全文
摘要：项目中keepalive用得不多，记录一下以免遗忘。 页面第一次进入，钩子的触发顺序created-> mounted-> activated，退出时触发deactivated。当再次进入（前进或者后退）时，只触发activated。 事件挂载的方法等，只执行一次的放在 mounted 中；组件每次
阅读全文
摘要：vue：传参的三种方式 字符串： this.$router.push("/search/" + this.keyword + "?k=" + this.keyword.toUpperCase()）模板： /search/${this.keyword}?k=+${this.keyword.toUppe
阅读全文
摘要：父组件 <template> <div> parent <child :parentHandler="parentHandler" /> </div> </template> <script> import child from "@/components/child"; export defaul
阅读全文
摘要：Vue 父组件循环使用refs调用子组件方法出现undefined的问题 1. 背景 最近前端项目遇到一个问题，我在父组件中使用了两个相同的子组件child，分别设置ref为add和update。其中A组件的功能是新增，也就是说在页面上A页面只有一个。而update组件是放在表格里的，表格中的每一行
阅读全文
摘要：this.$refs.xDown2.showPanel() 官网上例子时这么用的，我照着搬下来，竟然报上面的错误，找了好久也看不出哪里写错了，后来请假qq群里的大佬，得以解决。 打印console.log(this.$refs.xDown2),发现控制台打印的的dom对象是个数组，使用[0],得以解
阅读全文
摘要：html: <div v-for="(data, index) in model.listParam" :key="index"> <el-col :span="12"> <el-form-item :label="data.label1" :prop="'listParam.'+index+'.s
阅读全文
摘要：一. 扫码枪工作原理 扫码枪会将扫到的数据带入到获取焦点的输入框中，并且触发输入框的enter回车事件 1.页面上要有一个输入框，并且是获取焦点状态，当然它是隐藏的看不到，我是把宽高设置为0，然后加上回车事件。 <el-input ref="barCodeInput" v-model="barCod
阅读全文
摘要：getNextMonth (date, months) { // 从当前日期延后months个月 let arr = date.split('-') let year = arr[0], month = arr[1], day = arr[2] let days = new Date(year, m
阅读全文
摘要：官网API: https://dafrok.github.io/vue-baidu-map/#/zh/index <template> <el-dialog title="拾取经纬度" :visible.sync="dialogVisible" id="mapDialog" :close-on-cl
阅读全文
