Tengo un popBox para agregar datos y cuando hago clic en el botón se abre una ventana en la que ingreso datos mientras el fondo está un poco oscurecido por la opacidad.
<div :class="[!popBox ? 'opacity-100' : 'opacity-60']">Este código funciona perfectamente, pero también quiero poder eliminar datos con otro cuadro emergente que diga "¿quieres eliminar datos?" con dos botones.
Mi pregunta es ¿cómo puedo fusionar los dos enlaces de clase a continuación?
<div :class="[!popBox ? 'opacity-100' : 'opacity-60']"> <div :class="[!popDeleteBox ? 'opacity-100' : 'opacity-60']">Solo tienes que actualizarlo a
<p :class="[!popBox ? 'opacity-100' : 'opacity-60', !popDeleteBox ? 'opacity-100' : 'opacity-60']"></p> Podría usar enlaces de clase , con v-bind:class
<p v-bind:class="{ 'opacity-60': popBox || popDeleteBox, 'opacity-100': !popBox && !popDeleteBox, }"></p>O simplemente como una cadena
<p :class="`${!popBox ? 'opacity-100' : 'opacity-60'} ${!popDeleteBox ? 'opacity-100' : 'opacity-60'}`"></p>