![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
qq_751434992
http://zhanghf.coding.me
展开
-
按需引入 ECharts 图表和组件
一、安装echarts在vue项目中使用echarts首先要先安装echartsnpm install echarts --save二、按需引入需要的图表和组件2.1 template部分template部分跟标签为echarts图表的容器,id为这个容器初始化时的唯一标识。2.2 script部分这部分的代码就是按需引入的操作引入echarts全部的操作如图中代码注释的部分 let echarts = require(‘echarts’)这样引入了整个echarts,打包后体积非常大,原创 2021-03-22 16:51:01 · 8508 阅读 · 2 评论 -
Vue中data传递函数、props接收函数及slot传参的用法
Vue中data传递函数、props接收函数及slot传参的用法1. data作为转换层1.1 如下图中的代码,data作为转换成,作用为把引入的调用后端接口的方法函数传递给了子组件ac-cube1.2 调用后端接口的方法函数如下所示2. props接收传递过来的函数并把处理结果传回父组件2.1 子组件ac-cube里props接收传递过来的函数,在mounted里通过this.$props.request.then(…)把接口返回的数据传递给cubeData。2.2 子组件ac-cub原创 2021-03-08 16:03:38 · 2763 阅读 · 0 评论 -
Vue ElementUI table通过改css样式实现斜线表头
Vue ElementUI table通过改css样式实现斜线表头效果预览实现原理通过改css样式实现去掉第一个单元格的下边框第一列第一个单元格和第二个单元格的伪元素设置绝对定位,宽度设成1px,高度根据自己表格调整通过旋转两个单元格伪元素,并设置旋转起始点,使两个伪元素旋转到重合位置,达到斜线的效果HTML代码<el-table :data="tableDat...原创 2018-11-16 11:08:55 · 8780 阅读 · 0 评论 -
Vue ElementUI Select 选择器实现动态options
<template> <el-dialog :title="!dataForm.id ? '新增' : '修改'" :close-on-click-modal="false" width="80%" :visible.sync="visible"> <el-table :data="gridData&qu原创 2018-11-21 17:43:19 · 20708 阅读 · 0 评论 -
Vue中文字不规则排列
预览 templete<ul class="content"> <li :style="{ color: activeColor(), fontSize: fontSize() + 'px',top:top()+'px'}">灯光</li> <li :style="{ col...原创 2018-11-30 09:41:29 · 1315 阅读 · 0 评论 -
Vue登录状态管理流程
用户输入用户名密码给后台发送请求<div><Button type="primary" @click="submit">登录</Button></div>methods里引入...mapActionsmethods: { ...mapActions(['handleLogin', 'getUserInfo']),登录sub...原创 2018-12-20 11:43:27 · 1722 阅读 · 0 评论