vue

Vue3.0引入Echarts并使用 一、Vue3.0全局引入Echarts 1. 安装echarts 2. main.js引入echarts 3. vue文件里使用 二、Vue3.0 封装echarts公共方法 1. 在utility目录下建立initEcharts.js文件 2. main.js 3. 在vue文件中使用 4. JS监听div的resize事件EleResize.js 本文主要…

Vue 中绑定单独的loading 效果图 需求 : 给多个按钮绑定不同的 loading 的加载效果 思路 : 给每一个按钮绑定不同的 自定义属性 data-index , 在点击按钮的时候获取, 之后再将当前循环的 index 索引 与绑定的自定义属性比较 html 代码 使用 data-index 绑定自定义属性 scope.$index 获取到的 data-index 就是当前的索引下标 …

目录 组合式API 前言 组合式API的简单使用 ref和reactive toRefs watch与watchEffect响应式更改 在setup中使用计算属性 在setup中使用生命周期函数 setup中的参数 props 父组件向子组件传值 子组件从父组件接收值 context 获取父组件内子组件的属性 触发事件 暴露公共属性 返回页面的渲染函数 在setup中使用provide-injec…

store文件夹目录 1、main.js import store from '../store'; new Vue({ store, render: h => h(App) }).$mount('#app') 2、index.js import Vuex from 'vuex'; import Vue from 'vue'; import purchaseInvoice from "./m…

vue.config.js 的作用： 一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。也可以将配置写到 package.json 中的 vue 字段中。 简单的webpack配置： （ chainWebpack 需要根据项目具体要求配置 ） // 定义拷贝文件 let copyFiles = […

写在前面 某天，某人正在认真的写 bug 突然，线上环境有个问题，测试环境无法复现。测试说，莫得办法，连上线上环境自己搞下？ 某人：那不就跨域了吗？？ 赶紧翻翻 vue-cli 的跨域 咋配置的？ module.exports = { devServer: { proxy: { '/api': { target: '<url>', ws: true, changeOrigin: tru…

import axios from 'axios'; export function downloadFile(params = {}) { const { methods, url, data, headers, responseType, timeout, filename } = params; axios.interceptors.request.use(config => { co…

date.js 通过 export function fnt(){} 导出的方法或函数 是 要加上 花括号{ fnt } 的 export function formatDate(date,fmt){ }; 引入到 .vue文件中 要加上花括号{} import {formatDate} from "@/common/js/date"; 其实这是ES6中的语法： import::导入模块 expo…

1.问题 第一页勾选数据，点击翻页后再点击第一页会发现选中的状态勾勾消失，如何保留已选中的状态？ 2.解决方法 首先在el-table标签中 加上:row-key="rowKey" ,然后在复选框列 el-table-column（type = selection） 加上 :reserve-selection="true" ，重点 row-key 的值唯一，代码如下 <el-table bo…

关于mixins有两种 局部混入和全局混入 首先要明确 mixins能混入数据，方法，钩子函数等 mixin的数据对象和组件的数据发生冲突时以组件数据优先。 1.局部混入 <template> <div class="myMixins"> <div>关于mixins的使用</div> <button @click="go()">点击打印&…