Extends vuetify3 confirm dialog
npm install vuetify3-confirmThis module extends vuetify3 confirm dialog.
!Demo
Install the package from npm
``npm`
npm install vuetify3-confirm
`npm`
yarn add vuetify3-confirm
> Important: since vuetify3 you should put instance of vuetify into config
`javascript`
import vuetify from *
import confirm from "vuetify3-confirm"
app.use(confirm,{vuetify})
....
`javascript`
import confirm from "vuetify3-confirm"
app.use(confirm, {
vuetify,
buttonTrueText: 'Accept',
buttonFalseText: 'Discard',
buttonTrueColor: 'primary',
buttonFalseColor: 'grey',
buttonTrueFlat: false,
buttonFalseFlat: true,
color: 'warning',
icon: 'warning',
title: 'Warning',
width: 350,
property: '$confirm'
})
property: '$confirm' will create property with this name in Vue prototype
`js`
this.$confirm('Do you really want to exit?').then(res => {
})
`js`
const res = await this.$confirm('Do you really want to exit?', { title: 'Warning' })
if (res) {
...
}
res will be true or false
You can format your message with arbitrary HTML - make sure you don't include any user-provided content here:
`js``
const res = await this.$confirm('Please do not do this.
Do you really want to exit?')
console.log(res)
Also you can press Enter or Esc keys for choose confirm result
[npm-url]: https://www.npmjs.com/package/vuetify3-confirm