随笔分类 - Ant Design
摘要:<a-table :columns="columns" :data-source="data" :scroll="{ x: 0, y: 300 }" 控制列表默认最大和最小高度 :showHeader="false" 是否展示表头 :pagination="false" :loading="iter
阅读全文
摘要:vue.config.js module.exports = { // 解决首页访问出现很多预加载文件的问题 chainWebpack: config => { // 移除 prefetch 插件 config.plugins.delete('prefetch') // 或者 // 修改它的选项:
阅读全文
摘要:<template> <!-- class="server_a" --> <div class="a"> 服务列表 <div> <a-descriptions title="123" bordered> <a-descriptions-item label="服务列表"> Cloud Databas
阅读全文
摘要:https://www.cnblogs.com/evident/p/16700615.html 下面这种只隐藏了表头 tabkeColumns: [ { title: '姓名', dataIndex: 'name', key: 'name', colSpan:(route.path 'SIM'?1:
阅读全文
摘要:show-search后可开启搜索模式。 把搜索的值内容改为optionFilterProp=label 想同时搜索label和value两个字段把label设置成label="v.roleName+v.roleId" <a-select ref="select" v-model:value="va
阅读全文
摘要:table 组件 让选中的一项高亮显示 <template> <a-table ref="clientLeve_table" bordered size="middle" rowKey="id" :columns="clientLeve_columns" :dataSource="clientLev
阅读全文
摘要:<a-input v-model="edit.rampTime" type="number" oninput="value=value.replace('.', '',).replace('-', '',)" style="width: 220px" ></a-input>
阅读全文
摘要:https://1x.antdv.com/components/cascader-cn/ <a-cascader ref="cascader" #钩子 :allowClear="false" style="height:30px" :options="depList" :load-data="loa
阅读全文
摘要:https://2x.antdv.com/components/descriptions-cn/#Descriptions-1-5-0-
阅读全文
摘要:https://2x.antdv.com/components/input-number-cn/#InputNumber- @focus 焦距的时候触发函数 <!- <a-input-number style="width: 63px" :min="1" :max="100000" placehol
阅读全文
摘要:来源: https://www.jianshu.com/p/53ebd034273c 一、模块安装 用到 json2csv 和 file-saver。 yarn add json2csv 或 npm install json2csv yarn add file-saver 或 npm install
阅读全文
摘要:1、等待效果 <a-button type="primary" html-type="submit" :loading=loading> 提交</a-button> 定义一个变量loading loading:false, false 为关闭loading true为开启 2、禁止点击效果 disa
阅读全文
摘要:https://www.antdv.com/components/table-cn/#pagination (表格的使用) https://www.antdv.com/components/pagination-cn/ (分页的属性) :pagination="{ pageSize:10 }" 禁用
阅读全文
摘要:<template> <a-select show-search placeholder="Select a person" option-filter-prop="children" style="width: 200px" :filter-option="filterOption" @focus
阅读全文
摘要:<template> <a-modal class="mymodal" v-model="visible" centered title="接口信息" ok-text="确认" cancel-text="取消" @ok="handleSubmit" @cancel="closeadd" :destr
阅读全文
摘要:https://www.antdv.com/components/upload-cn/#%E7%82%B9%E5%87%BB%E4%B8%8A%E4%BC%A0 <a-upload accept=".yml,.json" name="file" action="https://www.mocky.i
阅读全文
摘要:https://www.antdv.com/components/form-cn/<a-input placeholder="请填写用户ID" v-decorator="[ 'userid', { rules: [ //number这个有问题 { pattern: /^[0-9]+$/, messa
阅读全文
摘要:<template> <a-form-model ref="ruleForm" :model="ruleForm" :rules="rules" v-bind="layout"> <!-- 选择环境 --> <a-form-model-item label="切换环境" prop="huanjing
阅读全文
摘要:http://www.itxst.com/ant-design-vue/aejz2qbr.html 官网 https://1x.antdv.com/docs/vue/use-with-vue-cli-cn/ cdn引入 <script src="https://www.itxst.com/packa
阅读全文
摘要:https://www.antdv.com/components/layout-cn/ <a-menu @click="menuClick" theme="dark" :default-selected-keys="['1']" mode="inline"> 加@click 函数 可以获取点击 导航
阅读全文

浙公网安备 33010602011771号