- 博客(24)
- 收藏
- 关注
RSS订阅原创 react中 获取使用redux的数据
react 中获取和使用redux中的数据；就算有相同的action 类型名；只要引入对应的reducers就不会重复，state.aboutReducers.countReducer ：aboutReducers对应的reducers名称。
2024-01-11 16:27:06
703
转载 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
750
原创 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
1238
原创 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
1057
转载 wangEditor富文本编辑器
<template lang="html"> <div class="editor"> <div ref="toolbar" class="toolbar"> </div> <div ref="editor" class="text"> </div> </div></template><script>import E from 'wangeditor'
2020-07-17 12:00:04
210
原创 iview 表格自定义表头并处理返回的数据完成渲染
使用的时候注意：这里使用的键名称是 “type” ，记得换成自己的 { title: "类型", key: "type", ellipsis: true, //内容多用省略号代替 tooltip:true, //内容多显示提示框 align: "center", minWidth: 120， renderHeader: (h) => { return h( "div",
2020-07-17 11:50:42
387
原创 管理后台树形菜单用到的递归、查询等方法的总结
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
409
原创 鼠标悬停修改滚动条的样式
注意：并不能通过hover直接修改滚动条的宽度和高度，需要借助-webkit-scrollbar-thumb才可以。::-webkit-scrollbar{ /*滚动条整体样式*/ height: 9px !important; /*高宽分别对应横竖滚动条的尺寸*/ width: 6px !important;}::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius:8px; border-style: dashed; bac
2020-07-17 11:18:15
1773
原创 基于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
592
原创 vue项目多级菜单，如何渲染
1、当不确定菜单有多少层级的时候，第一时间就想到使用递归的方式渲染菜单，下面我们来看看如何实现。（使用技术：vue+iview）2、使用ivew菜单组件，目前项目也用的是这个框架，不熟悉的小伙伴可以先看看这个菜单组件，熟悉的小伙伴我们继续向下看。3、我的实现思路，判断没有子菜单单的时候，使用组件的正常渲染，如果有子菜单，那就需要加载这个组件 ，继续帮我们循环，走下一步 <Menu ref="user" accordion width="a
2020-07-16 13:52:16
1123
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人