vue
章鱼家的俊俊妹妹
努力工作,提早退休,世界那么大,俺想去看看
展开
-
Vue echarts
1、HTML<template> <div> <el-row> <el-col :span="12"> <el-card class="box-card" style="margin: 10px"> <div id="workTypeEchart" style="width: 100%;height:340px;"></div> </el-card>原创 2022-07-30 21:08:55 · 279 阅读 · 0 评论 -
vue element el-select多选
数据库使用varchar存储,使用逗号分隔,例如:1,2,31、multiple:多选<el-select v-model="form.ids" placeholder="请选择" clearable multiple size="small"> <el-option v-for="dict in lists" :key="dict.id" :label="dict.name"原创 2021-05-13 10:50:12 · 2649 阅读 · 0 评论 -
Vue element table点击单元格可编辑
1、<el-table :data="tableData" @cell-click="cellClick" :cell-class-name="getRowColumn"> <el-table-column prop="note" align="center" label="列1" > <template slot-scope="scope"> <el-input v-if="scope.row.index==clickCellRowIndex原创 2021-05-08 14:51:45 · 605 阅读 · 2 评论 -
Vue echarts(饼状图、堆叠柱状图)
1、定义div<template> <el-row style="margin-top: 50px"> <div id="firstMain" style="width: 600px;height:400px;margin-top:20px;"></div> </el-row> <el-row style="margin-top: 50px"> <div id="secondMa原创 2021-04-26 11:56:51 · 1012 阅读 · 0 评论 -
vue baiduMap
1、引入/** 百度地图**/import BaiduMap from 'vue-baidu-map'Vue.use(BaiduMap, { // ak 是在百度地图开发者平台申请的密钥 详见 http://lbsyun.baidu.com/apiconsole/key */ ak: '秘钥'})2、Vue页面从父页面传入的经纬度参数,在地图页面直接展示坐标<template> <baidu-map class="map" :center="{lng原创 2021-04-26 11:30:37 · 105 阅读 · 0 评论