- 博客(17)
- 收藏
- 关注
RSS订阅原创 Ant-Design-Of-Vue radio-group单选按钮去除边框只留文字
Ant-Design-Of-Vue radio-group单选按钮去除边框只留文字
2022-08-23 11:08:49
749
原创 ant design of vue v-decorator失焦时校验
校验手机号本文以校验手机号为例1、标签使用失焦事件 <a-input v-decorator="['reporterTel']" :disabled="disabled" @blur="validatePhoneBlur" />2、通过对e.target.value校验后，生成错误信息 validatePho
2022-05-06 10:29:05
1300
原创 echarts map3D区域颜色单独设置
效果图：实现： series: [ { type: "map3D", // 系列类型 name: "map3D", // 系列名称 map: "yuhang", // 地图类型。 data: [ { name: "鸬鸟镇", itemStyle: { color: "#fef436" } }, { name: "仁和街道", itemStyle: { c
2021-12-29 12:12:47
4009
1
原创 echarts 容器大小随屏幕自适应
描述：echarts的容器规定必须定宽高，之前尝试用百分比也失效了。原因是它的容器大小只会在初始加载时获取一次，不论是定死还是百分比，都只会获取一次。这样在拉动页面的时候容器自己改变，但是图表却没有改变。解决：为窗口设置监听事件，监听窗口变化，来重新获取echarts的容器大小。1、首先需要给容器的父容器设置宽高（百分比或者像素都可以）2、给容器设置百分比的宽高#chart { margin-top: 50px; width: 100%; height: 75%;
2021-12-09 16:37:18
5808
原创 Ant Design Of Vue modal框动态控制footer展示或者隐藏
描述：之前项目里有个table内单条记录对它查看详情，修改，由于用的页面类似，所以想办法单纯控制模态框页脚的展示过程：最开始看文档以及搜索查阅的时候，由于modal自带了按钮的prop设置，属性与button的prop属性一样，所以对其设置css设置，通过css的display的设置为none或者inline-block来控制按钮的隐藏与显示。参考：Antd单独隐藏Modal对话框的默认ok或cancel按钮_hoaxxcj的博客-CSDN博客最后的效果如下：代码也很少，仅.
2021-11-23 17:02:49
11974
7
原创 Vue用vant组件写移动端时，实现横屏弹出遮罩层提示用户切换竖屏
今天做的项目移动端只配了竖屏的，横屏就很乱，无奈之下，想看看有没有禁止横屏的方法。搜索之后，还是选择了遮罩层提示用户切换回竖屏。解决：1、首先用的是vant组件，自带遮罩层Overlay，第一步是在main.js中引用该组件并在app.vue中应用。（具体官网都有，此处不再赘述）app.vue中 <van-overlay :show="show"> <div class="wrapper"> <img src="../public/
2021-11-22 20:11:21
2559
原创 Echarts 一个option控制多个图表及横坐标全部显示
贴一下代码怕自己忘了今天写项目的时候，要求多个柱状图，但是单写option太多了，查了一下可以用grid放在同一个option中，只需要设置gridIndex即可，也可以实现单个控制。要求的结果图如下：...
2021-11-18 21:46:02
2641
原创 Echarts绘制柱状图 报错“Initialize failed: invalid dom.”
原因：echarts在创建图表的时候需要一个div作为dom容器，再将由echarts.init方法初始化一个 echarts 实例初始化的map挂载到dom树中。<div id="map" v-if="showType != 'list'"></div>而此错误的意思是在该element创建之前，就去getElement获取该元素。解决：本以为是生命周期的问题，改了好久，后来发现是该dom容器上挂了一个v-if，而v-if是由后来调后端接口获取的数据来控.
2021-11-18 21:19:15
1646
1
原创 Ant Design Vue a-table标签使用插槽slot写column时，调用record提示无法获取record的属性
今天在项目时遇到一个小bug，出现的原因也有点细，不仔细看还真看不出来，记录一下，希望下次不要因为这种小问题调bug了。问题描述：a-table中的solt如下<template slot="title" slot-scope="text, record"> <a @click="onDetail(record)">{{ record }}</a> </template>colomn中的title写法如下
2021-11-17 11:23:13
4967
原创 Ant Design Vue 设置全局空数据，将全局的empty标签默认“no Data“改为“暂无数据“
方法1:将全局的语言设置为中文，效果如下 方法2:在App.vue中重写empty标签，效果如下（此处仅修改了文字，也可以修改其他样式）步骤：1、在全局配置main.js中，引入ConfigProviderimport ConfigProvider from "ant-design-vue";Vue.use(ConfigProvider);2、在App.vue中，修改ConfigProvider<template> <a-conf...
2021-11-16 13:20:54
6075
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人