效果：结构：<a-tablev-show="isDone==='plan'":pagination="false":columns="columns":data-source="showList"borderedsize="middle":scroll="{ y: 'calc(100vh - 250px)' }"><template v-for="col in [ 'yearMo

// 鼠标hover时候的颜色.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-checkbox:hover .ant-checkbox-inner,.ant-checkbox-input:focus + .ant-checkbox-inner{border: 2px solid #1BBA79 !important;}// 设置默认的颜色.

在antd vue中，有默认的页码，但是想自定义页码需要自己配置案例：代码：html：<a-table:rowKey="(record, index) => record.key":loading="tableData.loading":columns="columns":pagination="{...pagination, total:tableData.total,}":data

js:base64Encode(){var rv;rv = encodeURIComponent("********");rv = unescape(rv);rv = window.btoa(rv);return rv;}this.loginUrl ="******" + this.base64Encode()html:<iframe width="100%" height="100%" :

一个table组件复用，它只有一个scroll来控制表格下（不包含表头）的高度，所以我们得使表格高度自适应。<a-table:columns="columns":data-source="dataList":loading="!showTable"borderedsize="small":scroll="{ x: '100%', y: `calc(100vh - ${tableTop+280

1、基本用法安装cnpm i axios --save在 main.js 中引入 axiosimport axios from 'axios'Vue.prototype.$axios = axios在组件中使用 axios<script>export default {mounted(){this.$axios.get('/goods.json').then(res=>{cons

一、vue的生命周期是什么vue每个组件都是独立的，每个组件都有一个属于它的生命周期，从一个组件创建、数据初始化、挂载、更新、销毁，这就是一个组件所谓的生命周期。在组件中具体的方法有:beforeCreate () {} 创建实例以前, 此时的 DOM 还是语法, data 内的数据还没有created () {} 创建实例以后, 此时 DOM 还是语法, data 内已经有数据了beforeMo

antd中 有一个表格可拖动的插件叫做vue-draggable-resizable的插件，但是按照官方文档来进行安装及引用会有一系列的报错，如下：antd vue官方文档源代码：<template><a-table bordered :columns="columns" :components="components" :data-source="data"><te

需要把变更的图标放到public的static文件夹下直接上代码：router.beforeEach((to, from, next) => {NProgress.start()// 更改标题if (to.meta.title) {document.title = to.meta.title}// 更改图标if (to.meta.icon) {document.getElementsByTa

matched 顾名思义 就是 匹配，this.$route.matched匹配到的会是一个数组，包含当前页面之前所有路由信息。然后我们可以直接利用路由信息渲染我们的面包屑导航。//demo<template><div class="nav-wrap"><router-link v-for="(item, index) in navList" :key="index"