1.实现效果：2.实现代码：<template><div :class="{'hidden':hidden}" class="pagination-container"><el-pagination:background="background":current-page.sync="currentPage":page-size.sync="pageSize":lay

1.普通的input框设置： input：focus{}<input type="text"></input>style样式：input:focus{//设置阴影效果box-shadow: 0px 0px 12px 0px rgba(98, 19, 254, 0.6);//设置border效果border: 2px solid #5813fe;}2.Elementui中的输

环形图默认高亮显示数据代码：data(){return {chart:null,}},methods: {initChart() {this.chart = this.$echarts.init(document.getElementById(this.id))this.chart.setOption({color: color,})this.getDefaultS..

element-plus组件按需引入封装

1.在assets文件夹下创建文件夹，命名为font2.在font文件夹中新建文件：font.css@font-face {font-family: "pingFangSC-Medium";src: url("./PingFangMedium_0.ttf");font-weight: normal;font-style: normal;}3.下载字体包4.App.vue文件中使用<style

Module '"../../../../node_modules/vue/dist/vue"' has no exported member 'ref '

1.样式：2.思路：这里我用的是用elementui框架搭的结构，其中图标icon采用的是插槽。prefix：指的是插在前面suffix：指的是插在后面<span class="currentDate"><span slot="prefix" class="el-icon-timer"></span>{{dateFormat(date)}}</span&g