xm-select如何提交Array数据类型
时间: 2023-10-13 17:07:29 浏览: 84
layui第三方插件xm-select
5星 · 资源好评率100%
xm-select组件可以通过设置`v-model`绑定一个数组类型的数据,提交数据时会自动将选中的值以数组的形式返回。例如,下面是一个示例:
```
<template>
<div>
<xm-select v-model="selectedFruits" :options="fruitOptions" multiple></xm-select>
<button @click="submitForm">提交</button>
</div>
</template>
<script>
export default {
data() {
return {
selectedFruits: [],
fruitOptions: [
{ label: '苹果', value: 'apple' },
{ label: '香蕉', value: 'banana' },
{ label: '橙子', value: 'orange' },
{ label: '草莓', value: 'strawberry' }
]
}
},
methods: {
submitForm() {
console.log(this.selectedFruits); // 输出选中的水果数组
// 在这里将选中的水果数组提交到后端
}
}
}
</script>
```
在这个示例中,`selectedFruits`是一个空数组,它绑定到了xm-select组件的`v-model`上。当用户选择水果时,`selectedFruits`数组会自动更新。当用户点击“提交”按钮时,`submitForm`方法会将选中的水果数组提交到后端。
阅读全文