lsy1162526799的博客

首先动态绑定指定的xhr对象

只需要引入单个图片<template> <el-image :src="example" :preview-src-list="[example]" :initial-index="0" fit="cover" /></template><script>

vue3需要使用3版本的vuetify"vuetify": "^3.0.0-beta.0",首先项目里需要有fontawesome，提示：css和webfonts文件夹即可src下新建plugins文件夹，命名例如vuetify.jsimport '@/assets/css/fontawesome6/css/all.min.css'import 'vuetify/lib/styles/main.sass'import { createVuetify } from 'vuetify'impor

vue3迁移vueRouter4.x、vue3迁移vuex4、vue3实例化、vue3setup()函数、vue3methods、vue3computed、vue3watch、vue3生命周期钩子

在自定义Element的时候，有一些自带特效我们不想要，去掉又不知道怎么去掉。比如Table的hover变色。其实方法并不是去掉，而是让他看起来不变。开始↓定义单元格背景色：<el-table :cell-style="{background:'#f5f5f5'}" >定义单元格hover颜色： .el-table tbody tr:hover>td { background-color:#f5f5f5 !important }

自定义单元格样式<el-table:cell-style="setSellStyle"></el-talbe>用setSellStyle这个方法去控制<el-table的单元格样式methods: { setSellStyle({ row, column, rowIndex, columnIndex }) { if (column.label === '名称') { return "background:#e8e8e

Table expand展开行图标DIYTable展开行自定义展开图标Table展开行使用方法是：<el-table-column type="expand"><template></template></el-table-column>`主要功能：展开点击行或者特定行，在模板中定义展开行内容。如果需要展开特定的行需要在中使用row-key跟expand-row-keys： <el-table :row-key="getR

在写一个简单的按钮点击确认框信息的时候，发现换行不能用\n。用了< br>发现也是字符串的输出形式去查了下发现需要使用$createElement来创建这里我需要显示两行信息。代码如下creatNew(){ const h = this.$createElement this.$confirm('提示', { title: '提示', message: h('div', [ h('p', '新建会导致之前设置