vue的实用组件+封装的方法+实用功能
各种二次封装组件,封装的方法,和经常用或者实用的功能
丿Joker
目前为小白前端开发工程师
展开
-
vue+element 回到顶部组件(Backtop)
1:把 回到顶部封装成一个公共组件<template> <transition :name="transitionName"> // 回到顶部的一个动画 <div v-show="visible" :style="customStyle" class="back-to-ceiling" @click="backToTop" > <i class="el-icon-caret-to原创 2021-08-27 11:25:53 · 839 阅读 · 2 评论 -
vue+echarts的组件封装
本文是把echarts封装成一个公共组件,方便调用,首先:先给echarts设置一个canvas画布,也就是俗称的div盒子其次:下载echarts依赖,然后引入,如果报错的话就按照下面这种方式引入macarons只是一个echarts的主题,当然也可以切换别的方式主题debounde只是一个防抖的一个方法,可写可不写,流畅度,现在准备工作,因为是作为公共组件,作为子组件,所以可以设置props来接受父组件的传值现在就可以开始写方法: data() { r...转载 2021-08-27 10:39:04 · 1605 阅读 · 0 评论 -
vue+element-i18n国际化,国际版语言切换
1:第一步先创建个文件夹lang,用来存各种语言的配置和对这个组件的定2: 第二步在index.js里面需要配置一下默认的language语言import Vue from 'vue'import VueI18n from 'vue-i18n' // 下载vue-i18n这个依赖 直接npm i vue-i18n就可以import Cookies from 'js-cookie'import elementEnLocale from 'element-u..原创 2021-08-26 18:01:00 · 516 阅读 · 1 评论