方法1: 添加 readonly 属性readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。<el-form-item label="部门" prop="departmentName"><el-input readonly v-model="formData.departmentName" style="w

ant-design-vue Table组件去掉自带分页器去除分页器只需要一行代码:pagination=“false”<a-tableref="table"size="middle"borderedrowKey="id":columns="columns":dataSource="dataSource":pagination="false" //去除自带分页器

Vue的持久化文章目录Vue的持久化前言一、为什么要做Vue的持久化？二、使用步骤1）首先：我们需要安装一个vuex的插件`vuex-persistedstate`来支持vuex的状态持久化。2）然后：在`src/store` 文件夹下新建 `modules` 文件，在 `modules` 下新建 `user.js`和 `cart.js`3）继续：在 `src/store/index.js` 中导

格式化时间将2021-09-05T09:08:03.000Z 转换成 YYYY-MM-DD HH:mm:ss 格式1.引入第三方包 dayjs (一个轻量的处理时间和日期的javascript库)（1）下载 npm install/ i dayjs--save(2).main.js 中全局引入`import dayjs from 'dayjsVue.prototype.dayjs=dayjs'2

Vue3封装 消息提示实例函数组件功能分析：固定顶部显示，有三种类型：成功，错误，警告。显示消息提示时需要动画从上滑入且淡出。组件使用的方式不够便利，封装成工具函数方式。样式布局封装 message.vue<template><Transition name="down"><div class="my-message" :style="style[type]" v-s

ant-design-vue Table组件去掉自带分页器去除分页器只需要一行代码:pagination=“false”<a-tableref="table"size="middle"borderedrowKey="id":columns="columns":dataSource="dataSource":pagination="false" //去除自带分页器