随笔分类 -  vue

前端打包的一些注意事项
摘要：框架：vue3 + vite vite build --mode prod 与 vite build --mode production所匹配的配置文件不同。 --mode production → 加载 .env.production 文件 --mode prod → 加载 .env.prod 文 阅读全文
posted @ 2025-11-18 16:51 Amnesia_999 阅读(15) 评论(0) 推荐(0)
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 阅读全文
posted @ 2024-11-28 16:42 Amnesia_999 阅读(539) 评论(0) 推荐(0)
vue3+ts 定义props中的对象数组
摘要：<script setup lang="ts"> declare interface infoVo { id?: string; reason?: string; } // declare type infoListVo = infoVo[] // declare interface infoLis 阅读全文
posted @ 2024-10-25 15:36 Amnesia_999 阅读(459) 评论(0) 推荐(0)
在Vue3中使用vuex
摘要：官方文档 vue3+ts 一、安装 npm install vuex@next --save 二、创建并引入 1.新建store文件夹，在store目录下新建index.js import { createStore } from 'vuex' export default createStore( 阅读全文
posted @ 2024-10-09 15:41 Amnesia_999 阅读(171) 评论(0) 推荐(0)
ElementUI中实现el-table表格列宽自适应,列根据内容自动撑满,内容不换行
摘要：一、概述 在表格宽度固定时，实现内容不换行，表格自动显示滚动条 当前显示效果： 期望实现效果： 二、实现思路 遍历表格数组，每次都构建一个隐藏的span元素，获取该元素的宽度，对比保存最大值 代码如下： /** * 表格列宽自适应 * @param prop 属性 * @param records 阅读全文
posted @ 2024-09-29 14:45 Amnesia_999 阅读(8479) 评论(0) 推荐(0)
vue3 v-model 默认绑定的是 modelValue
摘要：与vue2默认绑定props为value不同，vue3内部默认绑定的是modelValue 在自定义组件或者使用第三方组件时要注意定义值 官方文档： 组件 v-model | Vue.js (vuejs.org) 推荐写法： 定义组件 CustomInput.vue <script setup> i 阅读全文
posted @ 2023-08-30 16:44 Amnesia_999 阅读(751) 评论(0) 推荐(0)