Need help with closing a window upon button click - tried close()
The window opens successfully, but closing it seems to be an issue
I've set the isVisible property to false as needed, but still unable to close it
<template>
<q-dialog v-model="isVisible" persistent>
<q-card style="min-width: 350px">
<q-card-section>
<div class="text-h6">Add</div>
</q-card-section>
<q-card-actions align="right" class="text-primary">
<q-btn outline label="Close" @click="close()" v-close-popup />
</q-card-actions>
</q-card>
</q-dialog>
</template>
<script>
export default {
name: "ReplyComponent",
props: {
visible: { },
},
data() {
return {
isVisible: false
}
},
computed: {
isVisible: {
get () { return this.visible },
set (value) { },
},
},
methods: {
close(){
//
},
}
}
</script>