vuetify.js

Reset Vuetify form validation

℡╲_俬逩灬. 提交于 2020-12-04 15:11:23
问题 I have trouble resetting vuetify validation in v-dialog. This codepen is the simplified version of what I have. https://codepen.io/yuukive/pen/BVqpEZ With the code above, if I do (Open dialog --> press SAVE button --> (validation fails) --> press CLOSE button --> open dialog again), it is already validated when I open the dialog again... Is it possible to reset validation before a user opens it the 2nd time? new Vue({ el: '#app', data: () => ({ dialog: false, emailRules: [v => !!v || 'Name is

Reset Vuetify form validation

浪子不回头ぞ 提交于 2020-12-04 15:00:46
问题 I have trouble resetting vuetify validation in v-dialog. This codepen is the simplified version of what I have. https://codepen.io/yuukive/pen/BVqpEZ With the code above, if I do (Open dialog --> press SAVE button --> (validation fails) --> press CLOSE button --> open dialog again), it is already validated when I open the dialog again... Is it possible to reset validation before a user opens it the 2nd time? new Vue({ el: '#app', data: () => ({ dialog: false, emailRules: [v => !!v || 'Name is

Reset Vuetify form validation

倾然丶 夕夏残阳落幕 提交于 2020-12-04 14:58:24
问题 I have trouble resetting vuetify validation in v-dialog. This codepen is the simplified version of what I have. https://codepen.io/yuukive/pen/BVqpEZ With the code above, if I do (Open dialog --> press SAVE button --> (validation fails) --> press CLOSE button --> open dialog again), it is already validated when I open the dialog again... Is it possible to reset validation before a user opens it the 2nd time? new Vue({ el: '#app', data: () => ({ dialog: false, emailRules: [v => !!v || 'Name is

Reset Vuetify form validation

浪尽此生 提交于 2020-12-04 14:58:05
问题 I have trouble resetting vuetify validation in v-dialog. This codepen is the simplified version of what I have. https://codepen.io/yuukive/pen/BVqpEZ With the code above, if I do (Open dialog --> press SAVE button --> (validation fails) --> press CLOSE button --> open dialog again), it is already validated when I open the dialog again... Is it possible to reset validation before a user opens it the 2nd time? new Vue({ el: '#app', data: () => ({ dialog: false, emailRules: [v => !!v || 'Name is

Using Vuetify tooltip (v-tooltip) component with an external activator (i.e. not wrapped)

微笑、不失礼 提交于 2020-12-01 12:09:33
问题 I understand how to use Vuetify's v-tooltip with the tooltip wrapping the component. However, I'm not quite sure how to have the activator button outside. e.g. I have this (non-working code): <v-tooltip bottom :activator="$refs.filterBtn" > Filter displayed items </v-tooltip> <v-btn ref="filterBtn" icon @click="isFilter = !isFilter" > <v-icon>fa-filter</v-icon> </v-btn> I also tried using prop activator without the v-bind: , same result Idea: I want the button to be placed separately from

Using Vuetify tooltip (v-tooltip) component with an external activator (i.e. not wrapped)

隐身守侯 提交于 2020-12-01 12:08:49
问题 I understand how to use Vuetify's v-tooltip with the tooltip wrapping the component. However, I'm not quite sure how to have the activator button outside. e.g. I have this (non-working code): <v-tooltip bottom :activator="$refs.filterBtn" > Filter displayed items </v-tooltip> <v-btn ref="filterBtn" icon @click="isFilter = !isFilter" > <v-icon>fa-filter</v-icon> </v-btn> I also tried using prop activator without the v-bind: , same result Idea: I want the button to be placed separately from

How to properly install Vuetify for Rails?

五迷三道 提交于 2020-12-01 10:59:38
问题 Javascript Error: [Vuetify] Multiple instances of Vue detected See https://github.com/vuetifyjs/vuetify/issues/4068 If you're seeing "$attrs is readonly", it's caused by this consoleError @ vuetify.js:22001 install @ vuetify.js:16239 Vue.use @ vue.esm.js:4751 install @ vuetify.js:17943 Vue.use @ vue.esm.js:4751 (anonymous) @ application.js:22 __webpack_require__ @ bootstrap 0e105d68ff80c96169ef:19 (anonymous) @ bootstrap 0e105d68ff80c96169ef:62 (anonymous) @ bootstrap 0e105d68ff80c96169ef:62