47 lines
1.0 KiB
Vue
47 lines
1.0 KiB
Vue
<template>
|
|
<el-dropdown :hide-on-click="false" :show-timeout="100" trigger="click">
|
|
<el-button plain>
|
|
平台({{ platforms.length }})
|
|
<i class="el-icon-caret-bottom el-icon--right" />
|
|
</el-button>
|
|
<el-dropdown-menu slot="dropdown" class="no-border">
|
|
<el-checkbox-group v-model="platforms" style="padding: 5px 15px;">
|
|
<el-checkbox v-for="item in platformsOptions" :key="item.key" :label="item.key">
|
|
{{ item.name }}
|
|
</el-checkbox>
|
|
</el-checkbox-group>
|
|
</el-dropdown-menu>
|
|
</el-dropdown>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
value: {
|
|
required: true,
|
|
default: () => [],
|
|
type: Array
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
platformsOptions: [
|
|
{ key: 'a-platform', name: 'a-platform' },
|
|
{ key: 'b-platform', name: 'b-platform' },
|
|
{ key: 'c-platform', name: 'c-platform' }
|
|
]
|
|
}
|
|
},
|
|
computed: {
|
|
platforms: {
|
|
get() {
|
|
return this.value
|
|
},
|
|
set(val) {
|
|
this.$emit('input', val)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|