<checkbox-group @change="checkboxChange"> <label class="uni-list-cell uni-list-cell-pd" v-for="item in items" :key="item.value"> <view> <checkbox :value="item.value" :checked="item.checked" /> </view> <view>{{item.name}}</view> </label> </checkbox-group>La variable de datos de la casilla de verificación es
items: [ { value: 'USA', name: 'American' }, { value: 'JPN', name: 'Japan' }, { value: 'ENG', name: 'England' }, { value: 'FRA', name: 'France' } ]Cuando marque la casilla para seleccionar diferentes países, obtendrá este valor. ["JPN", "ESP"]
checkboxChange: function(e) { var items = this.items, values = e.detail.value; console.log(values) #get value ["JPN", "ENG"] }Pero el resultado deseado es una matriz de objetos JSON como a continuación
new_items: [ { value: 'JPN', name: 'Japan' }, { value: 'ENG', name: 'English' } ]¿Cómo puedo usar este valor ["JPN", "ENG"] para mapear con elementos de casilla de verificación para obtener nuevos_elementos?
Intente vincular todo el objeto a la propiedad de value :
<checkbox :value="item" :checked="item.checked" />