随笔分类 - vue
vue3中封装el-dialog实现父子组件传值绑定
摘要：框架：vue3.0，ruoyi，element-plus 语言：ts 子组件 <el-dialog v-model="visible" @close="handleClose"></el-dialog> <script setup lang="ts" name="UploadDialog"> con
vue3+ts 定义props中的对象数组
摘要：<script setup lang="ts"> declare interface infoVo { id?: string; reason?: string; } // declare type infoListVo = infoVo[] // declare interface infoLis
在Vue3中使用vuex
摘要：官方文档 vue3+ts 一、安装 npm install vuex@next --save 二、创建并引入 1.新建store文件夹，在store目录下新建index.js import { createStore } from 'vuex' export default createStore(
ElementUI中实现el-table表格列宽自适应,列根据内容自动撑满,内容不换行
摘要：一、概述 在表格宽度固定时，实现内容不换行，表格自动显示滚动条 当前显示效果： 期望实现效果： 二、实现思路 遍历表格数组，每次都构建一个隐藏的span元素，获取该元素的宽度，对比保存最大值 代码如下： /** * 表格列宽自适应 * @param prop 属性 * @param records
vue3 v-model 默认绑定的是 modelValue
摘要：与vue2默认绑定props为value不同，vue3内部默认绑定的是modelValue 在自定义组件或者使用第三方组件时要注意定义值 官方文档： 组件 v-model | Vue.js (vuejs.org) 推荐写法： 定义组件 CustomInput.vue <script setup> i
