vuetify.js

问题 I have a response from server which has the array of data passing to my vue instance. I have completed the data table using that array.But all i need to know how can I display the index of my array for serial no. here i am attaching my component code My response is ok and table is ok too.I just need to increase a column more and display the index value there. Tnks in advance My array name is customers. <v-data-table v-bind:headers="headers" v-bind:items="customers" v-bind:search="search" v

问题 There is nice documentation of vuetify version 2 about how override the default data table search filtering used with search prop by supplying a function to the custom-filter prop here. Everything understood / it works fine. But how can I retrieve the filtered data table items (as an array) within the custom search filter method in vuetify version 2? methods: { filterOnlyCapsText (value, search, item) { ... //want to do sth like this here this.filteredTableData = items; ... }, Here is the

问题 So I'm pretty much brand new to Vuetify and Front End development, so sorry if my question is either simple or maybe even too vague. I'm trying to build a website with Nuxt and Vuetify, but I'm having an issue with removing the padding around the edges of the pages. I've tried using different components within Vuetify such as fluid, I've tried finding and altering the container css code (which I'm not even convinced I've actually found), I've tried just about anything I have found on Stack

问题 Looking at the Vuetify example code for v-toolbar, what is the purpose of v-slot:activator="{ on }" ? For example: <template v-slot:activator="{ on }"> <v-toolbar-title v-on="on"> <span>All</span> <v-icon dark>arrow_drop_down</v-icon> </v-toolbar-title> </template> <script> export default { data: () => ({ items: [ 'All', 'Family', 'Friends', 'Coworkers' ] }) } </script> As far as I can see, on is not a defined variable anywhere, so I don't see how this is working. When I try it in my project,

问题 I use different vuetify components, for example v-menu. It has a template like this: <v-menu> <a slot="activator">menu</a> <v-list> <v-list-tile>Menu Entry 1</v-list-tile> <v-list-tile>Menu Entry 2</v-list-tile> </v-list> </v-menu> Suppose I want to add another wrapper around it. That is my special menu component that has some predefined menu options. And I want it to has an activator slot as well. And the last should be somehow assigned to the original v-menu activator slot. Is it possible?

问题 I need multi-lines header in this scenario: the fist line is level 1 header, the second line is level 2, like this pic: multi-lines header Thanks! 回答1: By adding a child to the header you could implement multi-line header in v-data table. headers: [ { text: 'Film Title', align: 'center', sortable: false, value: 'film', }, { text: 2018, value: 'dec', sortable: false, align: 'center',child:["December"] }, { text: 2019, value: 'jan', sortable: false, align: 'center',child:["January","February"]

问题 I need multi-lines header in this scenario: the fist line is level 1 header, the second line is level 2, like this pic: multi-lines header Thanks! 回答1: By adding a child to the header you could implement multi-line header in v-data table. headers: [ { text: 'Film Title', align: 'center', sortable: false, value: 'film', }, { text: 2018, value: 'dec', sortable: false, align: 'center',child:["December"] }, { text: 2019, value: 'jan', sortable: false, align: 'center',child:["January","February"]

问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 4 days ago . I have a vuetify modal who have a component to display inside. I want to access to these component data in another component. I try to use refs but I just have access to these refs like console.log(this.$refs) if I try to access deeper ,like console.log(this.$refs.something) , I have an Undefined .

问题 Closed . This question needs details or clarity. It is not currently accepting answers. Want to improve this question? Add details and clarify the problem by editing this post. Closed 4 days ago . I have a vuetify modal who have a component to display inside. I want to access to these component data in another component. I try to use refs but I just have access to these refs like console.log(this.$refs) if I try to access deeper ,like console.log(this.$refs.something) , I have an Undefined .

问题 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