vuetify.js

问题 Using v-parallax vuetify with a prop to display an asset URL (it's a recommended hack..) <v-parallax :src="parallaxUrl()"> methods: { parallaxUrl() { return require("@/assets/images/hero.jpeg"); }, I get the image displayed correctly, BUT running test:unit , I aslo get a warning , as the v-parallax require a string and not an object... The test pass correctly ( it's only a warning..) , however is there a way to get rid of this warning ? thanks for feedback 回答1: When you require an file, it

问题 The stock app bar component aligns items hard left, and if using the v-spacer component will the push items to the hard right. I have tried wrapping the button items with v-container inside the v-app-bar but it breaks the layout once other components are added. Ideally, the button on the left would align with hello and likewise with the buttons on the right, they should align with the right side of the v-container of the body. I tried wrapping v-app-bar with v-container : This is essentially

问题 Hii I am working on the Vue.js template and I stuck at a point where I need to show dynamic v-dialog using looping statement but now it shows all. Dom: <template v-for="item of faq"> <div :key="item.category"> <h4>{{ item.heading }}</h4> <div v-for="subitems of item.content" :key="subitems.qus"> <v-dialog v-model="dialog" width="500" > <template v-slot:activator="{on}"> <a href="#" v-on="on">{{subitems.qus}}</a> </template> <v-card> <v-card-title class="headline grey lighten-2" primary-title

问题 Hii I am working on the Vue.js template and I stuck at a point where I need to show dynamic v-dialog using looping statement but now it shows all. Dom: <template v-for="item of faq"> <div :key="item.category"> <h4>{{ item.heading }}</h4> <div v-for="subitems of item.content" :key="subitems.qus"> <v-dialog v-model="dialog" width="500" > <template v-slot:activator="{on}"> <a href="#" v-on="on">{{subitems.qus}}</a> </template> <v-card> <v-card-title class="headline grey lighten-2" primary-title

问题 Steps to reproduce: If its multiple select required rules don't work if its not a multiple its ok. Expected Behavior rules to work for multiple select as well Actual Behavior rules don't work if its multiple select Reproduction code : <div id="app"> <v-app id="inspire"> <v-select :items="role" label="Admin level*" class="mt-3 " @focus="reset" item-text="name" item-value="name" v-model="roleee" required :rules="rules.select" ></v-select> <v-select :items="subsidiaries" label="Subsidiary*"

问题 In a Vue.js app with Vuetify, I have a set of password fields defined with a v-text-field and which have an append-icon in order to switch the text visibility, as follows: <v-text-field v-model="password" :append-icon="show1 ? 'mdi-eye' : 'mdi-eye-off'" :type="show1 ? 'text' : 'password'" @click:append="show1 = !show1" ></v-text-field> It is exactly similar to the documentation example for password input (See also the corresponding codepen). With this set-up, if a user uses the Tab key to

问题 I am aware with the tweaks required for enabling focus inside the tinymce pop up when in bootstrap modal. But currently I am working with a vuetify dialog. Which does'nt seem to focus the pop up fields of tinymce. I have gone through this question but it does not work in context to vuetify TinyMCE 4 links plugin modal in not editable Below is my code I have removed some methods just for clean up and have kept basic things that I have tried in mounted event & editor init. <no-ssr placeholder=

问题 I am trying to bind a click event on dynamically generated subheader v-list-tile Vuetify https://vuetifyjs.com/en/components/subheaders but each time I click the option an error appears. vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function" found in ---> <VListTile> <VList> <VCard> <VApp> <Root> I have tried adding the methods forcibly (without passing object) and it works. It just triggers when it is passed to an object and dynamically rendered. Here is a

问题 I am trying to bind a click event on dynamically generated subheader v-list-tile Vuetify https://vuetifyjs.com/en/components/subheaders but each time I click the option an error appears. vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function" found in ---> <VListTile> <VList> <VCard> <VApp> <Root> I have tried adding the methods forcibly (without passing object) and it works. It just triggers when it is passed to an object and dynamically rendered. Here is a

问题 I am trying to bind a click event on dynamically generated subheader v-list-tile Vuetify https://vuetifyjs.com/en/components/subheaders but each time I click the option an error appears. vue.js:634 [Vue warn]: Error in v-on handler: "TypeError: handler.apply is not a function" found in ---> <VListTile> <VList> <VCard> <VApp> <Root> I have tried adding the methods forcibly (without passing object) and it works. It just triggers when it is passed to an object and dynamically rendered. Here is a