Question

我正在尝试使用Vuetify对我的Vue.js前端实现一个简单的对话框。 v-dialog组件无法正常工作，当将v-model =“ dialog”设置为true激活时，屏幕将变暗，但其内部对话框未显示，您可以在此处看到：https://imgur.com/K977VoS < / p>

只需从此处复制代码即可：https://github.com/vuetifyjs/vuetify/blob/master/packages/docs/src/examples/dialogs/usage.vue仅添加到模板中。

这是一个Laravel项目，其中Vue.js作为vuetify的前端。我已经实现了功能齐全的vuetify日历，而且一切正常。我想用对话框添加一个新事件，并获得相同的深色页面。

我的vuetify.js配置：

import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
import Vue from 'vue'
import Vuetify from 'vuetify'

Vue.use(Vuetify)
import "vuetify/dist/vuetify.min.css";
import cs from 'vuetify/es5/locale/cs'
// import 'material-design-icons-iconfont/dist/material-design-icons.css'

const opts = { lang: {
    locales: { cs },
    current: 'cs',
    iconfont: 'mdi'
  },}

export default new Vuetify(opts)

我的app.js主文件：

require("./bootstrap");
window.Vue = require("vue");

import Vuetify from "../plugins/vuetify";

//...

const app = new Vue({
    store: store,
    el: "#app",
    vuetify: Vuetify
});

Answer 1

我遇到和你一样的问题，但我的问题是因为我设置了 v-dialog v-model='true'：

<块引用>

v-model 的值可以从一开始就设置为 true。当在 Vue 中全局注册严格用于 Dialog 目的的组件时，这很有用。当调用组件激活注册的对话框组件时，我希望对话框的 v-model 从一开始就为真。

Source

我不知道这是否有帮助，但它解决了我的问题。

Vuetify v-dialog没有显示，没有错误

1 个答案: