首页 |  我的博客 |  查看该博主内容分类 | 

*elementUI构建选项框命令执行示例(通过选择对应的命令,执行相应的操作)

示例

html

<el-select v-model="runSelected"
		   @change="runSelectedLoading = false"
		   placeholder="请选择"
		   filterable
		   style="width: 150px"
>
	<el-option v-for="(option, i) in runSelectedOptions"
			   :key="'runSelectedOption-' + i"
			   :label="option.title"
			   :value="option.id"
	></el-option>
</el-select>
<el-button type="primary"
		   style="margin: 0 10px 0 2px"
		   @click="runSelectedOptions.filter(it => it.id === runSelected)[0].action()"
		   :loading="runSelectedLoading"
		   plain
>执行</el-button>

js

data() {
	return {
		runSelected: 1,
		runSelectedLoading: false,
		runSelectedOptions: [],
	}
},
posted @ 2024-09-19 17:07  Z哎呀  阅读(27)  评论(0)    收藏  举报