vuetify.js

问题 My case like this : If I search a data, it will show all data doctor. But for available day, I want to make it separately. when finished displaying all the doctor's data. I want to call the available method for async or call api to display available day. This available day is run when doctor data appears on the screen. So when the doctor's data appears on the screen, it will call available day. If the user scrolls down, it will call available day from another doctor My code like this : <v-col

问题 I have a problem in the layout. Look at this : https://codepen.io/positivethinking639/pen/YzzwYZq. when the dialog appears, it looks strange. because the width of the row(<v-row justify="center"> ) is bigger than the width of the dialog . so when the modal dialog appears like there are 2 shadows. I want width of the row( <v-row justify="center"> ) is same with the width of the dialog I had try it. But I did not find a solution. hope someone helps 回答1: set your dialog to use auto width .v

问题 I have large datasets that I’ve already had to map to entirely new schemas twice to support exporting to various stringent document formats, so I’d like to avoid having to reformat the data structure again to support data tables. The data table component uses an array of values for the header and then an array of objects for the data. I’m stuck with using an array of arrays with the headers and data identified by the index. data() { return { tableData = { [{value:'columnHeader1',type:'string'

问题 I've installed this boilerplate with Electron and Vuetify frameworks included: https://github.com/vuetifyjs/electron Questions: Should I now manually change those versions in the package.json to the latest and run npm install again? "dependencies": { "vue": "^2.4.2", "vuetify": "0.17.4", "vue-electron": "^1.0.6", [...] }, "devDependencies": { "electron": "^1.7.5", [...] } Why do those dependencies have that ^ symbol if they still don't download the latest version? The boilerplate has this

问题 I am trying to add formatted HTML to the inside of a v-dialog. I had a v-card inside but I have ripped that out so I can start from scratch. This is what I have so far <v-dialog v-model="dialogPubs" scrollable max-width="950px"> <div>{{editedItem.Publication}}</div> </v-dialog> The {{editedItem.Publication}} contains formatted HTML with color changes and also hyperlinks. I've seen where using the v-card the v-text with v-html is suppose to work but it didn't for me. I have a data-table where

问题 I'm having some validation problems with vee-validate and Vuetify: I have two forms with two different scopes and both are submitted in one function. the validation is working on submit but it's not showing the input errors on the UI: The inputs with different scopes: <v-text-field id="PersonalName" v-model="PersonalName" label="Name" :error-messages="errors.collect('Name')" v-validate="'required|alpha_spaces'" data-vv-name="Name" data-vv-scope="scopePersonal" prepend-icon="face" ></v-text

问题 I have a Vue file that looks like so : import store from '@/store' export default{ name: 'myList', data: () => ({ show: true, listContent: [{ name: '1', icon: 'person', value: function () { return store.state.myStore.settings.one } }, { name: '2', icon: 'person', value: function () { return store.state.myStore.settings.two } }, { name: '3', icon: 'person', value: function () { return store.state.myStore.settings.three } } ] }) } The part that's not working is getting the 'value' from the

问题 Stack: Nuxt.js + Vuetify.js Issue: Setting classes depending on breakpoint behaves abnormally Attempt: In ~/components/SubComponent.vue I want to display text with large font on small screens and over, and colorize my text in red only on small screens: <v-flex xs12 sm4 :class="{ 'display-3': $vuetify.breakpoint.smAndUp, 'red--text': $vuetify.breakpoint.xs }"> Sub component </v-flex> Output: Whenever I refresh , I see the text is red and small on small screens (my laptop). Note: I get weird

问题 I have a v-for loop. Inside the loop is a combo box. I have 3 items in the loop so I have 3 combo boxes. When I type words into one combo box it displays those words in the other combo boxes. I know this has something to do with the model and index but I have hit a wall and need some help. Here is the code HTML: <div v-for="(item,i) in clues" :key="i"> <v-combobox multiple v-model="select" append-icon small-chips deletable-chips @keyup="comboActive" @paste="updateTags(item)" @change=

问题 I'm trying to change the v-model of a component by the parent component most I'm not getting. In the parent component I have a showProgress variable, I want it when I change it to true the child v-model <progress-modal> switch to true . ProgressModal.vue <template> <v-dialog v-model="show" persistent max-width="400"> <v-card :dark="($theme === 'dark')"> <v-card-title class="headline" v-text="title"></v-card-title> <v-divider></v-divider> <div class="text-xs-center mt-2"> <v-progress-circular