mybatis-plus设置逻辑删除
1.配置全局的逻辑删除规则（高版本可以省略）
2.配置逻辑删除的组件bean(高版本可以省略)
3.给实体类的属性加上逻辑删除@TableLogic注解
Element-ui的Dialog 对话框使用
<el-dialog :title="title" :visible.sync="dialogVisible" width="30%"><el-form :model="category"><el-form-item label="分类名称"><el-input v-model="category.name" autocomplete="off"></el-input></el-form-item><el-form-item label="图标"><el-input v-model="category.icon" autocomplete="off"></el-input></el-form-item><el-form-item label="计量单位"><el-input v-model="category.productUnit" autocomplete="off"></el-input></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button @click="dialogFormVisible = false">取 消</el-button><el-button type="primary" @click="submitData">确 定</el-button></div></el-dialog>
基本用法
要使用 Dialog，首先确保已经引入 Element UI。在 Vue 组件中，使用以下基本结构
<template><div><el-button type="text" @click="dialogVisible = true">打开对话框</el-button><el-dialogtitle="对话框标题":visible.sync="dialogVisible"@close="handleClose"><p>对话框内容</p><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="handleConfirm">确 定</el-button></span></el-dialog></div>
</template><script>
export default {data() {return {dialogVisible: false, // 控制对话框显示};},methods: {handleClose() {console.log('对话框已关闭');},handleConfirm() {console.log('确认操作');this.dialogVisible = false; // 关闭对话框},},
};
</script>
主要属性
title：对话框的标题。visible.sync：控制对话框的显示状态，使用.sync修饰符可以双向绑定。width：设置对话框的宽度，默认值为30%。modal：是否显示遮罩，默认值为true。close-on-click-modal：点击遮罩时是否关闭对话框，默认为true。
事件
@close：对话框关闭时触发。@open：对话框打开时触发。
插槽
slot="footer"：自定义对话框底部内容，常用于放置按钮。
进阶用法
在对话框中使用表单，可以如下实现：
<el-dialogtitle="填写信息":visible.sync="dialogVisible"
><el-form :model="form"><el-form-item label="姓名"><el-input v-model="form.name"></el-input></el-form-item><el-form-item label="邮箱"><el-input v-model="form.email"></el-input></el-form-item></el-form><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="handleSubmit">确 定</el-button></span>
</el-dialog>
在 data 中添加表单模型：
data() {return {dialogVisible: false,form: {name: '',email: '',},};
},
