Open tangkhaiphuong-colpal opened 3 years ago
I want to use vuetify-dialog on plain html directly? Does possible? Any example?
Here are my code
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui" r /> <title>::Application::</title> <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/@mdi/font@5.9.55/css/materialdesignicons.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.css" rel="stylesheet" /> <link href="https://cdn.jsdelivr.net/npm/vuetify-dialog@2.0.13/dist/vuetify-dialog.min.css" rel="stylesheet" /> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify@2.4.3/dist/vuetify.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vuetify-dialog@2.0.13/dist/vuetify-dialog.min.js"></script> </head> <body> <v-app id="app"> <v-app-bar dense app dark color="error"> <v-toolbar-title>Title</v-toolbar-title> <v-spacer></v-spacer> </v-app-bar> <v-main> </v-main> </v-app> <script> const vuetify = new Vuetify(); new Vue({ el: '#app', vuetify: vuetify, data() { return {}; }, methods: {}, async mounted() { await this.$dialog.warning({ text: 'Testing', title: 'Warning', }); }, }); </script> </body> </html>
Are there any support? @yariksav
I want to use vuetify-dialog on plain html directly? Does possible? Any example?
Here are my code