vuetify.js

问题 Can I access a data element in a rule ? Here is my code running I'm trying to flip the value of a data element on a text field rule in a Vuetify form. The rule itself works fine, however I'm unable to access the data element, I'm getting this error: TypeError: Cannot set property 'disabled' of undefined Here is my code: data: function() { return { disabled: false, rules:{ sellerId(value){ if(value.length == 0){ this.disabled = true; return "What are you trying to do here?"; } else{ return

问题 I tried to run the Vuetify VueJS Cordova example but got this error after npm run dev node build/dev-server.js Starting dev server... (node:1024) DeprecationWarning: Tapable.plugin is deprecated. Use new API on .hooks instead (node:1024) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead How to fix it? I already update all NPM packages, didn't help. 回答1: The deprecation message: DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin

问题 My question is very similar to [Vue/Vuetify - Unknown custom element: <v-app> - did you register the component correctly? but there is a difference! I made a custom vue component which uses vuetify components (v-sheet, v-card, etc) and following this guide I made the component available via npm. In my nuxt application I import the component from the library and register it in a page. Then I get the warnings about v-components not being registered recursively. My custom component is named. My

问题 I'm building a web component using the following command : vue-cli-service build --target wc --name my-element 'src/components/mycomponent.vue' I would like to use Vuetify inside of this component. How do I add it to mycomponent.vue so that it is scoped inside the component's shadow root? This component will be dynamically loaded into apps built with other frameworks/styles. I want the web component to be able to use, for example, v-btn , v-layout , etc. within it. Thank you, Donnie 回答1: From

问题 I have this v-autocomplete field that has a list of items in a drop down. It's a multiselect, so many items can be selected. <v-autocomplete v-model="defendantCode" label="Defendant Code" :items="defendantCodeOptions" :loading="defendantCodeIsLoading" :filter="customFilter" :clear-on-select="true" clearable multiple dense> </v-autocomplete> But the problem I'm having is that when the user starts to type something into the field to filter the list, then selects an item in the list, the users

问题 I have started using Vuetify, but I am looking for a way to modify the default props on some components. Is there a way to do this? i.e. Instead of constantly having to write: <v-layout wrap></v-layout> Can I make layouts default prop for wrap be true? 回答1: something along these lines, but beware if you are new to vue.js you'll have to do some reading: relevant doc: vue mixin, vue extends js // some already existing component, you need to get it somehow // most likely via `import <something

问题 I tried editing inside node_modules but the files are taken from dist and src seems to be ignored. I tried npm run build to see if I can push my changes to dist but that doesn't work either as other dependencies seem to be missing. UPDATE: I followed the instructions about set up dev env in the Contributing section of the docs. Made the changes and did yarn and yarn build But the dist folder is identical to the one without my changes What gives? 回答1: Instructions in the set up dev env in the

问题 I am using v-text-filed and in that, I am using textarea. I want to change the default height of textarea and make it small. Is it possible to do this? <v-text-field name="input-1" label="Label Text" textarea ></v-text-field> 回答1: add rows property <v-text-field name="input-1" label="Label Text" textarea rows="2" ></v-text-field> 来源： https://stackoverflow.com/questions/48706964/v-text-field-textarea-default-height-change

问题 i have a vuetify data table and i am trying to append an icon to just the with protein in it but the way it is being rendered, i am not able to understand how would i go about it? So i have component which is being imported into the vuetify data table template and that component separately consists of the icon div. <template> <v-data-table> <template v-slot:items="props"> <my-component :protein="props.item.protein" :carbs="props.item.carbs" :fats = "props.item.fats" :iron="props.item.iron"/>

问题 I need to populate a Vuetify select, but there is a problem with it, my Get method returns data, but the vuetify select only show something like this: The text shows valid data: [ { "id": 1 }, { "id": 2 } ] And to populate the Select i follow the documentatioin adding :items="entidades" and :item-text="entidades.id" and :item-value="entidades.id" <v-select :items="entidades" :item-text="entidades.id" :item-value="entidades.id" single-line auto prepend-icon="group_work" label="Seleccionar