38 lines
792 B
Vue
38 lines
792 B
Vue
|
<template>
|
||
|
|
<el-select class="w-500px" v-model="value" multiple placeholder="订单状态：请选择，可多选">
|
||
|
|
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
options: [{
|
||
|
|
value: 'unpaid',
|
||
|
|
label: '未付款'
|
||
|
|
}, {
|
||
|
|
value: 'pending',
|
||
|
|
label: '待处理'
|
||
|
|
}, {
|
||
|
|
value: 'processing',
|
||
|
|
label: '处理中'
|
||
|
|
}, {
|
||
|
|
value: 'shipped',
|
||
|
|
label: '已发货'
|
||
|
|
}, {
|
||
|
|
value: 'completed',
|
||
|
|
label: '已送达'
|
||
|
|
}, {
|
||
|
|
value: 'closed',
|
||
|
|
label: '交易关闭'
|
||
|
|
}],
|
||
|
|
value: []
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped></style>
|