我正尝试用Vuetify在我的Vue.js前端实现一个简单的对话框。V-对话框组件不能正常工作,当v-model=“对话框”设置为true激活时,屏幕会变暗,但里面的对话框没有显示,您可以在这里看到:。
代码是从这里复制的:只添加到模板中。
这是一个以Vue.js为前端的Laravel项目。我已经实现了全面的功能认证日历和所有的工作是伟大的,但这。我想添加一个新的事件与对话框,并获得相同的黑暗页面。
我的vuetify.js配置:
import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css
我使用Vuetify,但禁用了所有图标的导入,因为树共享在Nuxt中不能正常工作,相反,我遵循建议并手动导入它们,如此帖子中所述:vuetifyjs: Adding only used icons to build 然而,这意味着许多需要图标的组件,例如v-checkbox,v-select或v-combobox (在其下拉菜单中使用v-checkbox )需要手动添加图标。仅仅使用v-checkbox就可以使用:on-icon & :off-icon道具,但我不知道如何在复选框被其他组件使用时到达它们。我一直在尝试改变v-select和v-combobox的行为。 这就是我所得到的
import Vue from 'vue';
import App from './App.vue';
import router from './router';
import {Vuetify} from 'vuetify';
import { store } from './store/store';
import { BootstrapVue, IconsPlugin } from 'bootstrap-vue';
import 'bootstrap/dist/css/bootstr
使用Vuetify,我无法在按enter时通过组合框创建新对象,即使使用文档中提供的确切标记和数据配置也是如此。在JSFiddle中,当使用相同的Vue和Vuetify版本时,它可以正常工作,这让我认为是我的项目中的某些东西导致了问题,但我不知道这可能是什么……有什么想法吗? 编辑:使用Vue 2.6.10和Vuetify 2.3.2 <v-combobox
v-model="select"
:items="items"
label="Select a favorite activity or create a new one"
mult
我用的是Nuxt 2和Vuetify 2。
我正在尝试创建一个简单的v-toolbar组件,并给它一个颜色。
De文档告诉我这样做:
<template>
<v-toolbar flat color="green"> <!-- this does not make the toolbar green! -->
<v-toolbar-title>
My title here
</v-toolbar-title>
</v-toolbar>
</template>