Los valores de array item1 los estoy recorriendo por medio de un v-for y se visualizan por medio de un checkbox lo que deseo es que si alguno de los valores del item1 llegan hacer igual a los de los valores del item2 esos valor que sean iguales se me liste como un checkbox disable (no se pueda seleccionar ) y los demas valores que no son iguales a los del item2 se listen como checkbox normal. para poder seleccionarlos y poder guardar
<ul v-for="(r, index) in item1" :key="index">
<input
v-model="colorCantidad"
:disabled="ver"
type="checkbox"
:name="r"
:id="r"
/>
</ul>
<p>Result = {{ item2 }}</p>
<button @click="myFunction()">Click Me</button>
</template>
<script>
export default {
data() {
return {
item1: [12, 10, 9, 5, 6, 4],
item2: [12, 9, 4],
result: "",
ver: false,
};
},
methods: {
myFunction: function () {},
},
computed: {
colorCantidad() {
this.item1.forEach((element) => {
console.log(element);
if (element === this.item2) {
return (this.ver = true);
} else {
return (this.ver = false);
}
});
},
},
};
</script>```