qq_45785424的博客

【代码】文件上传：原生input、组件ant-desgin-vue(通过某个按钮进行上传操作)

需要进行走马灯+echarts图表展示,后台返回数据为一次性返回<el-carousel indicator-position="none" class="carousel" > <el-carousel-item v-for="item,index in length" :key="index" > <div class="online_echarts"

<template> <div @mouseover="handlePause" @mouseleave="handleMove" class="seamless_wrap" ref="seamless" > <div class="scroll" :style="style"> <div class="scroll_item" ref="item"> <slot><

使用moment.js1.展示最近12个月的数据 let timeArr = [];//最近12个月的月份 for (let i = 0; i < 12; i++) { timeArr.push( `${moment(new Date()).subtract(i, "months").format("YYYY-MM")}` ); } timeArr.reverse();//时间排序 console.log(timeArr, "timeArr") let arr =

keep-alive 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它有以下属性:include - 字符串或正则表达式。只有名称匹配的组件会被缓存。exclude - 字符串或正则表达式。任何名称匹配的组件都不会被缓存。max - 数字。最多可以缓存多少组件实例。当我们需要对里面动态组件进行有条件的缓存时，可以去利用他的include 和 exclude属性用法:<!-- 逗号分隔字符串 --><keep-alive include="a,b"> &l

{{ Math.floor(elapsedTime / (24 * 60)) }}天{{ Math.floor((elapsedTime % (24 * 60)) / 60) }}时{{ elapsedTime % 60 }}分

1.html<ul id="ul"> <li v-for="(item,index) in list" :key="index" @click="changeLi(item,index)" > <div :class="select===index?'select':''"> <img src="~@/assets/logo.png" alt=""

1.引入一个安装好的vuex2.注册vuex3.实例化4.定义核心state 数据mutation 方法actions 异步方法getters 对已有数据加工形成新数据,store中数据变化,getter中的数据也会变化5.挂载store到vue6.在需要的组件中使用vueximport Vue from 'vue'import Vuex, { Store } from 'vuex'Vue.use(Vuex)export default new Store({ stat

1.在src下新建文件夹config/api.js2.api.jsimport axios from 'axios'class API { getTree () { return new Promise((resolve,reject)=>{ try { const res = axios.get("http://localhost:5000/treeData") console.log(res,"我是你要看的数据")

mock模拟数据库1.安装依赖包cnpm i json-server -S2.在项目文件下创建mock/db.json,里面就是你的数据3.在package.json加上"mock": "json-server mock/db.json --port 5000"4.运行 npm run mock