笔记
@世俗散仙
这个作者很懒,什么都没留下…
展开
-
fetch封装
1.src文件夹下创建util文件夹2.util文件夹下创建fetch.js文件3.fetch.js书写 注意请求的地址 和 请求头 tokenimport { Toast } from ‘vant’;//允许同时存在多个 ToastToast.allowMultiple();let dataurl = ‘www.baidu.com’ //我们请求的接口const Http = function () {let DeviceID = localStorage.DeviceID;if (!D原创 2021-04-04 04:58:15 · 712 阅读 · 0 评论 -
vue-schart 使用
安装npm install vue-schart -S在vue组件中使用引入该组件import Schart from ‘vue-schart’注册该组件components:{Schart}在template标签中使用图表中的数据// bar表示的是柱状图//只能使用name和value。name为坐标的标识,value为当前数据的数量data(){return {canvasId: ‘myCanvas’,type: ‘bar’,width: 600,height:原创 2021-04-04 18:45:28 · 2735 阅读 · 0 评论 -
vue 递归组件的封装
创建公共组件name 属性 很重要需要与调用自身组件一致 (不然没效果)<template> <div> <div class="item" v-for="(item, index) of list" :key="index"> <div class="item-title border-bottom"> <span class="item-title-icon"></span>原创 2021-04-04 14:06:44 · 334 阅读 · 2 评论 -
activated 使用
直接使用 activated 会没有效果 activated() { // 绑定 window.addEventListener("scroll", this.handleScroll); },当组件在 keep-alive 内被切换 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行<keep-alive> <router-view /> </keep-alive>...原创 2021-04-04 13:53:17 · 1613 阅读 · 0 评论 -
Vue 转场动画封装
** 基础使用**动画的基础封装 (适用移动端)1. 创建 一个 公共组件<template> <transition> <slot></slot> </transition></template><script>export default { name: "zhuanAn", data() { return {}; }, mounted() {}, methods原创 2021-04-04 13:30:06 · 120 阅读 · 0 评论 -
vue 全屏
template中写 <div class="btn-fullscreen" @click="handleFullScreen"> <el-tooltip effect="dark" :content="fullscreen ? `取消全屏`:`全屏`" placement="bottom"> <i class="el-icon-rank"></i> </el-tooltip>原创 2021-04-04 04:40:02 · 321 阅读 · 0 评论