vue
&小胖&
这个作者很懒,什么都没留下…
展开
-
ref动态修改el-button字体颜色
【代码】ref动态修改el-button字体颜色。原创 2023-02-26 13:46:03 · 1475 阅读 · 0 评论 -
下拉框+树形结构
一、代码<template> <div> <el-select ref="selectTree" v-model="form.Id" filterable placeholder="请选择" > <el-option :key="form.Id" :value="form.Id" :label="form.label"原创 2022-01-08 17:59:26 · 810 阅读 · 0 评论 -
elementUI日期组件弹出错位
elementUI日期组件弹出错位方法1.使用v-if的地方改为v-show,如果解决不了可以改为方法二方法2.可以使用key:给每一个 el-date-picker 标签 添加一个 key 值<template> <div> <el-date-picker v-model="value1" :type="typelist" key="1" placeholder="选择日期时间" />原创 2021-12-12 18:28:00 · 1375 阅读 · 0 评论 -
vue+antv实现雷达图
一、下载依赖npm install @antv/data-setnpm install @antv/g2二、代码实现<template> <div ref="container" /></template><script>import DataSet from '@antv/data-set'import { Chart } from '@antv/g2'export default {// 创建雷达图 mounted(原创 2021-12-05 20:49:11 · 1577 阅读 · 0 评论 -
element ui的table表单
1.动态获取表头<template> <div> <el-table :data="tableData" style="width: 100%"> <el-table-column :label="header[0]" :key="index"> <template scope="scope"> {{ scope.row.date }} </template&g原创 2021-11-28 21:12:03 · 337 阅读 · 0 评论 -
Vue中获取当前时间组件
<template> <div>{{ nowDate }}</div></template><script>export default { data() { return { nowDate: "", // 当前日期 }; }, methods: { currentTime() { setInterval(this.formatDate, 0); }, fo.原创 2021-11-14 15:22:57 · 1079 阅读 · 0 评论 -
数组类型数据转换成树形结构数据
一、核心思路1. 先遍历原数组 以原数组中的每一项的id作为对象的key, 每一项本身作为对象的value形成一个对象结构(map) 2. 遍历原数组 使用数组中的每一项的pid 去第一步形成的map结构去匹配key(id) 如果匹配上就把当前项放入找到节点的children属性中去 如果无法完成匹配 代表当前项就是最根上的父节点那就把当前项直接放到最终产出的targetData中去...原创 2021-11-09 19:43:41 · 387 阅读 · 0 评论