<div class="mb8" style="width: 100%"> <el-button plain formDialogRef :disabled="multiple" icon="Delete" type="primary" class="ml10" @click="handleDelete(selectObjs)"> {{ $t('common.delBtn') }} </el-button> <right-toolbar v-model:showSearch="showSearch" :export="'security.check_checkEvaluate_export'" @exportExcel="exportExcel" class="ml10" style="float: right;margin-right: 20px" @queryTable="getDataList"></right-toolbar> </div>
时间: 2023-11-11 17:56:09 浏览: 198
这段代码是一个Vue组件中的模板代码,包含了一个el-button和一个自定义组件right-toolbar。
el-button是一个Element UI库中的组件,用于创建一个按钮。它具有如下属性:
- plain:按钮是否为朴素按钮。
- formDialogRef:指定一个表单对话框的ref。
- :disabled:按钮是否为禁用状态,这里使用了v-bind指令动态绑定了一个名为multiple的变量。
- icon:按钮的图标。
- type:按钮的类型,这里设置为primary类型。
- @click:按钮的点击事件处理函数,这里调用了名为handleDelete的函数并传递了一个名为selectObjs的参数。
- {{ $t('common.delBtn') }}:按钮的显示文字,使用了Vue的模板语法。
right-toolbar是一个自定义的组件,它具有如下属性:
- v-model:showSearch:使用了Vue的双向绑定语法,将showSearch属性与父组件中的一个名为showSearch的变量进行双向绑定。
- :export:指定了导出Excel的接口地址,这里使用了v-bind指令动态绑定了一个名为security.check_checkEvaluate_export的值。
- @exportExcel:自定义组件中的导出Excel事件处理函数,该事件由自定义组件触发并将导出Excel所需的参数传递给父组件中的exportExcel方法。
- @queryTable:自定义组件中的查询表格事件处理函数,该事件由自定义组件触发并将查询表格所需的参数传递给父组件中的getDataList方法。
总体来说,这段代码是一个包含了两个按钮(一个是element UI中的按钮,一个是自定义的按钮)的组件模板,可以实现删除数据和导出Excel的功能。
阅读全文