Tengo una propiedad calculada pero no funciona.
Puedo ver que currentMode está cambiando con console.log
pero mi plantilla no se actualiza
plantilla: <div v-if="editMode"></div>
configuración:
setup(props, context) { let currentMode = null const modes = { view:'view', edit:'edit', create:'create' } const editMode = computed(() => { return currentMode === modes.edit }); const toggleMode = () => { if (currentMode === modes.edit ){ currentMode = modes.view console.log(currentMode) return } else { currentMode = modes.edit console.log(currentMode) } } return {editMode, toggleMode}Intenta hacer que los modos sean reactivos
let currentMode = ref(null) const modes = ref({ view:'view', edit:'edit', create:'create' }) const editMode = computed(() => { return currentMode.value === modes.value.edit }); const toggleMode = () => { if (currentMode.value === modes.value.edit ){ currentMode.value = modes.value.view console.log(currentMode.value) return } else { currentMode.value = modes.value.edit console.log(currentMode.value) } }