diaojw090的博客

import myAxios from './myAxios.js'import http from './http.js'export const reqCvrTableList = async (data) => { const response = await http.post(`http://xxxxxxxxxxxxxxx`, data); return myAxios.postDataForProTable(myAxios.cleanResponse(response).dat

<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">在 vue.config.js 的文件中加入下面这段话// vue.config.jsconst Timestamp = new Date().getTime();module.exports = { con...

el-tree增删改功能记录需实现功能：添加同级节点添加子级节点重命名节点删除节点HTML <el-tree ref="tree" :data="data" node-key="id" default-expand-all draggable> <div class="tree-node" slot-scope="{ node, data }"> <div class="tree-node"> &l

vue 2.6 插槽更新 v-slot 用法总结在 2.6.0 中，我们为具名插槽和作用域插槽引入了一个新的统一的语法 (即 v-slot 指令)。它取代了 slot 和 slot-scope 这两个目前已被废弃但未被移除且仍在文档中的特性。插槽我的理解就是父页面在组件标签内插入任意内容,子组件内插糟slot控制摆放位置(匿名插槽,具名插槽)插槽分类插槽一共就三大类1.匿名插槽(也...

1.翻牌模式：两个文件：flipclock.vue flipper.vue1.1 flipClock.vue<template> <div class="FlipClock"> <Flipper ref="flipperHour1" /> <Flipper ref="flipperHour2" /> <!...

<template> <div id="login"> <el-form class="loginFrom" :model="logindata" :rules="rules" ref="ruleForm"> <el-form-item class="login-item"> <h1 class="log...

在vue中获取数据有两种方式，引入尤大大的话就是：导航完成之后获取：先完成导航，然后在接下来的组件生命周期钩子中获取数据。在数据获取期间显示“加载中”之类的指示。导航完成之前获取：导航完成前，在路由进入的守卫中获取数据，在数据获取成功后执行导航。从技术角度讲，两种方式都不错 —— 就看你想要的用户体验是哪种。那么我们来实践一下这两种获取数据的方式，以及用户体验优化的一点思考。一、首先是第一种：导...

1.app.vue<template> <div class="app"> <keep-alive :include="keepAlive" > <router-view/> </keep-alive> </div></template><script type='...

1.vue自定义过滤器filter//1.全局过滤器Vue.filter('globalFilter', function (value) { return value + "!!!"})//2.组件过滤器 <span class="side_li_num" v-if="activeRank=='third'">{{item.onDutyRate | returnF...

// vue.config.js 配置说明// 这里只列一部分，具体配置惨考文档啊module.exports = { // baseUrl type:{string} default:'/' // 将部署应用程序的基本URL // 将部署应用程序的基本URL。 // 默认情况下，Vue CLI假设您的应用程序将部署在域的根目录下。 // https...

实现思路：注：demo中，index页面包含三个链接导航。page1–>page2–>page3.依次前进，每次前进到一个新页面都需要获取数据，而按下后退键后，从page3返回到page2，page2不再获取新数据，而是使用之前缓存的数据。从page2返回到page1时，page1不再获取新数据，而是使用之前的数据。所以，page1和page2需要缓存，page3不需要缓存。可以把p...

Object.defineProperty相信很多同学或多或少都了解Vue的响应式原理是通过Object.defineProperty实现的。被Object.defineProperty绑定过的对象，会变成「响应式」化。也就是改变这个对象的时候会触发get和set事件。进而触发一些视图更新。举个栗子

1.监听事件<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ counter }} times.</p></div>var example1 =...

1.main.js:import Vue from 'vue'import {Button} from 'mint-ui'import App from './App.vue'import router from './router'// 注册全局组件Vue.component(Button.name, Button)/* eslint-disable no-new */n...

基本原则：不要在子组件中直接修改父组件的状态数据数据在哪, 更新数据的行为(函数)就应该定义在哪通信方式：1.Vuex 多组件共享状态（数据的管理）(查看Vuex状态管理)2.props传参组件标签内，父组件向子组件传递数据组件内声明所有props的方式：①： 只指定名称 props: ['name', 'age', 'setName'] ②： 指定名称和类型 ...

Vuex.数据数据存储1.页面发请求,保存到state中请求页面: //对应组件 async getDataFun(){ const res = await reqData() //接口函数 this.centernameData = res.data this.$store.commit('pageDataList',this.centern...

1. 产生原因其实很简单，因为store里的数据是保存在运行内存中的,当页面刷新时，页面会重新加载vue实例，store里面的数据就会被重新赋值。2. 解决思路一种是state里的数据全部是通过请求来触发action或mutation来改变一种是将state里的数据保存一份到本地存储(localStorage、sessionStorage、cookie）中很显然，第一种方案基本不可行，除...

在vue-cli3的项目中，npm run serve时会把process.env.NODE_ENV设置为‘development’；npm run build 时会把process.env.NODE_ENV设置为‘production’；此时只要根据process.env.NODE_ENV设置不同请求url就可以很简单的区分出本地和线上环境。头疼的是打包时线上环境可能分多种，比如测试环境...

1.安装插件：npm install 'vue-svg-icon --save2.全局引入main.jsimport Icon from 'vue-svg-icon/Icon.vue'Vue.component('icon', Icon)3.然后在根目录的 /src目录下新建一个 svg目录（目前这个路径只能是这样，不可配置为其他路径和目录!!!），然后再这个目录中放入你想要使用的 ...