Tengo una cuadrícula de imágenes de las que quiero hacer una selección y actualizar el valor con la imagen seleccionada. Antes de hacerlo, espero un mensaje que solo verifique si desea actualizar o cancelar / descartar.
¿Qué debo hacer para actualizar "this.backGroundUrl" en el siguiente método con la nueva imagen seleccionada?
Cuadrícula de imagen:
<v-col v-for="(asset) in assets" :key="asset._id" cols="4" > <v-img :src="getThumbnail(asset)" @click="confirmDialog = true" /> </v-col>Confirmar componente:
<ConfirmDialog v-if="confirmDialog" v-model="confirmDialog" @cancel="confirmDialog = false" @confirm="updatedBackgroundImage()" />Activos:
computed: { ...mapState('assets', ['assets']),Método:
methods: { getThumbnail (asset) { return this.getMediaUrl(asset.thumbnailUrl) }, getMediaUrl (url) { return process.env.VUE_APP_BACKEND_URL + url }, updatedBackgroundImage () { // this.currentConnect.backGroundUrl = ?? this.confirmDialog = false }Antes de abrir el cuadro de diálogo, guarde la URL.
@click="showDialog(asset)" showDialog(asset) { this.theAssetToConfirm = asset this.confirmDialog = true } updatedBackgroundImage () { this.currentConnect.backGroundUrl = this.theAssetToConfirm this.confirmDialog = false }