vue标签含义
1、 <el-button :logding="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
<!-- 1,logding属性=true 会一直现在转圈圈显示状态。 2.buttonLoading属性=ture,还不知道干甚用。2,submitForm是method -->
Vue 组件中,export default {} 中组件内容
name:组件的名称,用于调试和错误提示。
components:组件依赖的子组件列表。
props:组件的属性列表,用于接收父组件传递过来的数据。
data:组件的数据对象,用于存储组件的内部状态。
computed:计算属性列表,用于根据组件的数据对象计算出新的衍生数据。
watch:监听属性变化的列表,用于在属性变化时执行一些操作。
methods:组件的方法列表,用于定义组件的行为。
created:组件创建时执行的方法。
mounted:组件挂载到 DOM 上时执行的方法。
updated:组件更新时执行的方法。
destroyed:组件销毁时执行的方法。
3,button按钮的使用
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="success"
<el-col :span="1.5">
<el-button
type="success"
<!--
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
- "default":默认类型,通常用于普通操作按钮。
- "primary":主要类型,通常用于重要操作按钮。
- "success":成功类型,通常用于表示操作成功或者确认操作按钮。
- "info":信息类型,用于表示提示信息或者帮助按钮。
- "warning":警告类型,用于表示警告信息或者危险操作按钮。
- "danger":危险类型,用于表示危险操作或者删除操作按钮。
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
<!-- :disabled="single" single=true 表示至少有一个选项才能按键 -->
@click="handleUpdate"
v-hasPermi="['system:department:edit']"
>修改
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
@click="handleUpdate"
v-hasPermi="['system:department:edit']"
>修改
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
<!--表示当前按钮会显示一个名为 "el-icon-delete" 的图标。这里会显示一个垃圾箱 -->
size="mini"
:disabled="multiple"
size="mini"
:disabled="multiple"
<!-- :disabled="multiple" multiple属性=true 表示非多个禁用,没选择则禁用
-->
@click="handleDelete"
v-hasPermi="['system:department:remove']"
>删除
</el-button>
</el-col>
-->
@click="handleDelete"
v-hasPermi="['system:department:remove']"
>删除
</el-button>
</el-col>