![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview
文章平均质量分 72
小虾米_姐姐
努力battle中。。。
展开
-
vue 中两种拖动排序
vue+iview 表格 拖拽排序,代码如下 <Table border ref="selection" :columns="columns" :data="data" :draggable ="true" @on-drag-drop="onDragDrop" > </Table> js 代码如下 onDragDrop(first, end) { //转成int型,方便后续使用转载 2020-08-07 15:56:37 · 743 阅读 · 0 评论 -
vue 封装的公共js文件中,如何使用iview中的提示框
使用Modal Message 方法如下 const root = process.env.VUE_APP_URL; import axios from "axios"; import { Modal,Message } from "view-design"; deleteRow(url, ids) { return new Promise((resolve, reject) => { Modal.confirm({ title: "删除提示", .原创 2020-07-21 15:39:36 · 1218 阅读 · 0 评论 -
vue 封装的echarts组件,多个页面调用数据不渲染问题
vue 封装的echarts组件,多个页面调用数据不渲染问题,抛弃使用id ,改用ref <div class="storEchprh" ref="echarts"></div> //这是要渲染echarts 图的div,引入echarts, //最重要的 (this.$refs.echarts) var echarts = require('echarts') this.myChart = echarts.init(this.$refs.echart原创 2020-07-20 18:28:51 · 1046 阅读 · 0 评论 -
iview 表格自定义表头并处理返回的数据完成渲染
使用的时候注意:这里使用的键名称是 “type” ,记得换成自己的 { title: "类型", key: "type", ellipsis: true, //内容多用省略号代替 tooltip:true, //内容多显示提示框 align: "center", minWidth: 120, renderHeader: (h) => { return h( "div",原创 2020-07-17 11:50:42 · 374 阅读 · 0 评论 -
管理后台树形菜单用到的递归、查询等方法的总结
1、获取选中节点的所有父级id getAllParentId(arr, id) { let stack = []; let going = true; let walker = (array, id) => { array.forEach(item => { if (!going) return; stack.push(item["id"]); if (item["id"] === id) {原创 2020-07-17 11:38:17 · 381 阅读 · 0 评论 -
基于iview DropDown 递归实现菜单显示
1、封装子组件的代码 (collapsed-menu.vue) <template> <div> <div v-for="(item, index) in data" :key="index"> <DropdownItem v-if="item.children && item.children.length == 0" @click.native="itemChilk(item)"原创 2020-07-16 14:09:22 · 563 阅读 · 0 评论