2.2.10 • Published 2 years ago
vue-select-multiple-options v2.2.10
vue-selected
Install
npm i vue-select-multiple-options
Usage
import VueSelectMultiple from 'vue-select-multiple-options'
<template>
<div id="app">
<vue-select-multiple v-model="selections1" :Items="data" label="Área:" />
<div class="flex">
<vue-select-multiple v-model="selections1" :Items="data" Clases="input-customen" label="Área:" />
<vue-select-multiple v-model="selections2" :Items="data" Clases="input-customen" label="Nombre:" />
<vue-select-multiple
v-model="selections3"
:Items="data"
:reduce="(_items) => _items.value"
@dataReduce="dataReduce"
/>
</div>
</div>
</template>
<script>
import Vue from "vue";
import VueSelectMultiple from "vue-select-multiple";
export default Vue.extend({
name: "ServeDev",
components: {
VueSelectMultiple,
},
data: () => ({
selections1: [],
selections2: [],
selections3: [],
data: [
{
value: 1,
text: "MAMOGRAFÍA",
},
{
value: 2,
text: "ECOGRAFÍA",
},
{
value: 3,
text: "ODONTOLOGÍA",
},
],
}),
methods: {
dataReduce(data) {
console.log("Este es el resultado de la data reduce: ", data);
},
},
});
</script>
<style>
.input-customen {
height: 30px !important;
border-color: red !important;
}
.flex {
display: flex;
}
</style>
2.2.10
2 years ago
2.2.9
2 years ago
2.2.8
2 years ago
2.2.5
2 years ago
2.2.4
2 years ago
2.2.3
2 years ago
2.2.1
2 years ago
2.2.0
2 years ago
2.1.4
2 years ago
2.1.3
2 years ago
2.1.2
2 years ago
2.1.1
2 years ago
2.1.0
2 years ago
2.0.5
2 years ago
2.0.4
2 years ago
2.0.3
2 years ago
2.0.2
2 years ago
2.0.1
2 years ago
2.0.0
2 years ago
1.0.21
2 years ago
1.0.20
2 years ago
1.0.19
2 years ago
1.0.18
2 years ago
1.0.17
2 years ago
1.0.15
2 years ago
1.0.13
2 years ago
1.0.12
2 years ago
1.0.11
2 years ago
1.0.10
2 years ago
1.0.9
2 years ago
1.0.8
2 years ago
1.0.7
2 years ago
1.0.6
2 years ago
1.0.5
2 years ago
1.0.4
2 years ago
1.0.3
2 years ago
1.0.2
2 years ago
1.0.1
2 years ago
1.0.0
2 years ago