let's we have a data variable and i want to use this data variable for my style. data() { return{ selected:{ index: 2 } } } <style> .parent-table >>> .table-row:nth-child(/* here i want to pass selected.index */) { background: red;…
EDIT: I fixed it by adding the return-object prop to v-select When I add a student to a database from a vuetify form, I want to be able to assign them a course. But the course has to be in…
I have built a web component with Vuetify and Vue-custom-element. It is used like so: <!DOCTYPE html> <html lang="en"> <head> <script src="https://shopify-recs-ai.web.app/widget/app.js"></script> <link rel="stylesheet" href="https://shopify-recs-ai.web.app/widget/app.css"> </head> <body> <vue-widget id="recs" title="Recommended for you" products="[{'title': 'Tie Dye 3.0 Socks', 'price': '$25 CAD',…
I am doing validation with vuetify when I used data: () => ({. It did not generate any error. Then change to data () {return { and I will get the error of: Rules should return a string or boolean,…
Because of fibers error on cPanel/CentOS/Cloudlinux servers, I'm using v2.0.0-beta.2 of @nuxtjs/vuetify in my Nuxt app. But npm returns error on build or dev running. No problem with v1.11.2, but the alpha and beta versions have error. ✖ Nuxt Fatal…
I have a Vue application running Vuetify but neither of these seem to be equipped to handle my desire to limit the maximum length of the page to be such that there is no scrolling. I hope that makes sense.…
I want to build a single page application with vue https://vuetifyjs.com/en/ or https://coreui.io/vue/. but some references say that single page application is not good in SEO. so I thought about using it. perhaps the best solution is to use a…
I can't figure this out. I am using Vuetify to style my pages, and for some reason I can't get the data to show in my v-select select box. The data SHOULD be coming from the array marketplaces. I thought…