- 博客(7)
- 收藏
- 关注
原创 antV g2初试
第一次用这个图表,主要就是根据官网示例及API文档写的,主要做了一个柱状图、饼图、折柱混合图。总体感受:文档内容比较少,百度也很少能搜到关于antv图表的问题解决办法之类的,遇到问题也只能一遍一遍看文档,对初学者很不友好啊。相比之下echarts用的人比较多,百度搜索结果也很多,社区也能找到很多例子。使用步骤:1、官网示例先找一个类似效果的复制下来,根据需要修改,下面是一个简单的柱状图。<template> <div id="bar"></div>&l
2021-09-30 17:39:01 757 1
原创 解决cascader级联选择器报错“level“ of null
1. 需求:级联选择器数据与另一文本框有联系,如果文本框有值,则相同的值在cascader的数据中置灰,不可选。如果先选择了cascader的值,再填文本框的值发现两选值相同,则将cascader的选中值清除, = 并修改cascader的options数据,将文本框值置灰。2. 问题:cascader有值,再给文本框写相同的值,此时需要清空cascader选中值,我用的this.fid = [],页面显示正确,但控制台报错出现问题的原因大概在于动态更改了options的值,所以解决的方法是给.
2021-07-16 17:21:53 850
原创 Cascader选择器多选时如何获取所有选中节点并添加全选半选状态
1.通过v-model绑定值获取一个多重数组,里面包含了所有选中的节点(包括全选和半选)2.通过官网提供的getCheckedNodes方法获取选中的节点(只获取到全选的节点)3.将两组数据变更为相同的数据结构并以1.获取的数据为基础对比,如果节点同时存在于2.获取的数据,则是全选并添加状态1,否则添加状态0<el-cascader ref="adminHospital" v-model="form.admin_hospital_ids" :options="insti
2021-07-08 16:44:43 4376 3
原创 树节点通过子节点的id找到该节点的祖先节点数组
1.封装了一个vue公共方法export default { findParentNode: (acceptUnitNodes, ids) => {// acceptUnitNodes树状结构数据,ids当前节点的id var parentNodes = []// 所有父节点 var forfun = function(id, nodes) { for (var i = 0; i < nodes.length; i++) { var curr
2021-06-21 10:25:43 502
原创 oss文件上传(vue)
第一步:请求接口,获取上传文件到oss所需要的参数第二步:el-upload将文件上传至oss第三步:导入接口<template> <div> <el-dialog title="导入" :visible.sync="dialogVisible" custom-class="file-upload-dialog" width="561px" > <div>
2021-06-11 13:55:23 302 1
原创 vue实现弹窗子组件打开关闭的几种方法
1. 直接在父组件内操作子组件的变量this.$refs.dialogName.showDialog = true直接(耦合度太高,不推荐直接操作子组件)
2021-06-08 17:22:59 8196 2
原创 vue导出功能(post请求)
1. 前置条件:后台提供导出接口,接口返回的是文件地址("file_url": "")2.代码:<template> <el-button @click="onClickExport">导出</el-button></template><script>import api from '../../api/api.js' // 封装接口的文件export default { methods: { /*
2021-06-08 16:19:01 1981
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人