vue-antd
一只学习的小透明
这个作者很懒,什么都没留下…
展开
-
数组对象 数据处理-arr.filter筛选(删除)数据
tmp = tmp.filter(function(value, index, arr) { return value.id !== '0' })原创 2020-11-23 17:01:15 · 509 阅读 · 1 评论 -
父子组件通信——模拟12306购票添加乘车人
1.子组件 用来封装每一条乘车人的组件<template> <div> <div style="width:100% "> <table style="border-collapse:separate; border-spacing:10px 0px;"> <tr> <td>学号</td> <td></td>...原创 2020-11-13 14:29:04 · 345 阅读 · 0 评论 -
annt vue 踩坑——报错Uncaught Error: Need at least a key or a value or a label (only for OptGroup)
官网的实例中,并没有再a-select-option中写value,但是实际使用的过程中,可能还是需要加上value <a-select style="width: 150px;margin-left:16px" v-model="skillPick1" > <a-select-option v-for="i in原创 2020-08-31 20:07:34 · 3375 阅读 · 0 评论 -
antd-vue-table 表格自增排序
{title: '序号',customRender: (text, record, index) => `${index + 1}`,width: 110,align: 'center',},实现效果:原创 2020-07-13 11:13:07 · 2054 阅读 · 0 评论 -
antd-vue table表头换行!!!
之前一直在想可不可以用</br>或者\n这种来换行,发现都不行正解: colnums2: [ { title: () => { return ( <div> <p>第一行</p> <p>第二行</p> </div>原创 2020-07-01 20:29:12 · 6202 阅读 · 7 评论 -
antd-vue表格内部换行
1.首先在table中添加插槽 <a-table :columns="Colnums" :data-source="tableData" :pagination="{ pageSize:20 }" style="margin-top:16px" bordered> <div原创 2020-06-16 19:32:23 · 7505 阅读 · 2 评论 -
js replace替换全部对应字符
因为js中没有replace全部的方法,直接用replace只会替换掉第一个需要替换的字符。此处需要正则表达式str='猫猫猫喵喵喵'str.replace(/猫/g, '狗')//狗狗狗喵喵喵原创 2020-06-16 19:24:04 · 338 阅读 · 0 评论 -
antd-vue加载模态框后关闭,销毁组件-只会清除渲染的html,数据不会被清除
给modal加上destoryOnClose属性即可原创 2020-06-15 16:44:07 · 2902 阅读 · 1 评论 -
antd-vue中 如果表格只有一页,修改属性隐藏分页按钮
<a-table:columns="xxxxx":data-source="xxxxxData":pagination="false"></a-table>核心就是这句话!!:pagination="false"原创 2020-06-09 20:06:43 · 1608 阅读 · 0 评论 -
将多个数据的请求放入一个对象或者数组中,后续方法无法访问
将多个数据的请求放入一个对象或者数组中,后续方法无法访问的问题1.既然是多个请求,尽量将每个请求的数据分开处理,这样处理性能更优2.如果数据的渲染较为类似,可以把渲染方法提出来,处理数据后可以调用同一个方法进行渲染...原创 2020-06-08 16:26:04 · 446 阅读 · 0 评论 -
解决echart突然变得极其窄的问题
因为给页面的echart部分添加了v-show控制是否显示,整个echart是包在div里面的。如果v-show是控制整个div是否显示,就会出现echart显示异常的问题。据说是因为echart初始化找不到div的长度和高度。所以把v-show放在了div中的row 内,echart就不会出现显示异常的问题了-。-...原创 2020-06-04 19:49:49 · 1678 阅读 · 1 评论 -
Ant-Design-Vue table 合并单元格,并且添加点击事件
转自click点击行,有一个customRow。可以配置点击事件。单元格的自定义分为两种方式。一种是:通过template标签。//// html部分// text为dataIndex中的值,data为行数据,index为索引值<template slot="xxx" slot-scope="text,data,index"> {{text|xxxFormat}}</template> //// js部分//table的columns设定,cus转载 2020-06-03 20:07:42 · 3066 阅读 · 1 评论 -
今日份的未解之谜:在代码中引入ant库中的Collapse折叠面板,在正式环境的代码中无法显示
<template> <div> <a-collapse v-model="activeKey"> <a-collapse-panel key="1" header="This is panel header 1"> <p>{{ text }}</p> </a-col...原创 2020-05-06 21:25:00 · 2529 阅读 · 5 评论 -
修改antd中tabs 的左右位置
自带的标签,上下左右属性与预期不符,我想得到横着的,靠左的标签页可以采用在整个标签外加一个div然后给div加一个class: <div class="card-container">然后给下面的tabs组加一个type<a-tabs defaultActiveKey="1" type="card">CSS样式如下:调整left的数值就可...原创 2020-04-30 21:31:51 · 3802 阅读 · 1 评论 -
vueJs请求接口获取数据的实现及跨域问题--转载
前言本文基于vue-cli3。一、通过api接口获取数据在vuejs中请求接口,大体分为两种方式:vue-source和axios。它们都是经过良好封装的http请求插件。下文将简单介绍一下使用方法。1. vue-source略讲,详情见这篇博客。安装首先,安装该插件:npm install vue-source --save然后,在项目src/main...转载 2020-04-26 22:17:13 · 1251 阅读 · 0 评论 -
vue4.0-antd 关于button的使用
<template> <a-button type = "dashed">小仙猫</a-button></template><script>import { Button } from 'ant-design-vue';export default { components: { 'a-butto...原创 2020-04-16 22:14:43 · 1830 阅读 · 0 评论 -
基友牛逼-ant-vue的使用笔记-傻瓜教程
1.在安装antd的环境后,想使用select组件但是失败了,一直无法加载出来select的表单原因:1.在div中没有使用已经写好的selectItem标签2.select在app.vue中,不能使用select关键字作为标签3.没有配置vue.config.js文件(之前这个文件就不存在)4.main.js没有按照antd的官方文档引入,特别是不要忘记引入样式app.v...原创 2020-04-16 21:51:25 · 1943 阅读 · 0 评论