![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
iview
小李ing
这个作者很懒,什么都没留下…
展开
-
iview table表格中的checkBox设置为单选
{ width: 60, align: "center", key: 'checkBox', _isChecked: false, resizable: true, render:(h,params)=>{ .原创 2020-08-12 15:14:03 · 2075 阅读 · 3 评论 -
iview Form表单校验自定义校验
Form 组件基于 async-validator 实现的数据验证,给 Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。下面是完整代码:<template> <Form ref="formValidate" :model="formValidate" :rules="ruleValidate" :label-width="80"> <FormItem label="Name" prop=.原创 2020-05-13 11:13:38 · 1878 阅读 · 1 评论 -
iview中Modal对话框自定义页头页脚
iview中Modal对话框自定义页头页脚Modal 组件提供了灵活的自定义样式 API 和 Slot,可以自由控制整个 Modal 的各个组成部分,比如页头、页脚、关闭按钮。下面是完整代码: <Modal v-model="modal2" width="360"> <p slot="header" style="color:#f60;text-align:center">//对话框页头 <Icon type="ios-info原创 2020-05-13 11:02:01 · 3110 阅读 · 0 评论 -
vue中echarts统计图表之饼图
常规柱形统计图横向柱状统计图以下是饼图代码:<div id="pieChart" style="width:100% ;height:300px;"></div>设置饼图的属性:getPie() { // 绘制图表 var myChart = echarts.init(document.getElementById('pieChart...原创 2020-03-16 17:55:49 · 1411 阅读 · 0 评论 -
vue中echarts之横向柱状统计图
常规竖向柱状图这里设置图表的宽高:<div id="main" style="width: 100%;height: 300px;margin-left: 5%"></div>添加图表的属性:showchart() { var myChart = echarts.init(document.getElementById('main')); ...原创 2020-03-16 17:46:03 · 7499 阅读 · 2 评论 -
iview modal对话框取消默认按钮
在modal里面加上<div slot="footer"></div>即可<Modal v-model="" title="" width="50%" :mask-closable="false"> <div slot="footer"></div></...原创 2020-03-13 17:18:10 · 2276 阅读 · 0 评论