vue / vuetify dynamically modify v-text-field properties

I’ve got a couple fields: <v-row> <v-col cols=”12″ class=”d-flex”> <v-text-field clearable outlined required :rules=”rules.codeRules” name=”code” v-model=”attribute.code” label=”Code”></v-text-field> </v-col> </v-row> <v-row> <v-col cols=”12″ class=”d-flex”> <v-text-field clearable outlined required :rules=”rules.nameRules” name=”name” v-model=”attribute.name” label=”Name”></v-text-field> </v-col> </v-row> In Vuetify’s documents I see there’s a couple properties named error which triggers an error state and error-messages with messages to be…

How fixed to Vuejs error : infinite update loop in a component render function.?

I’m new to Vuejs , I think use wrong syntax but I dont find any solution. This is my code: <v-sheet height=”500″> <v-calendar :now=”today” :value=”today”> <template v-slot:day=”{ date }”> <template v-for=”(event,index) in eventsMap[date]”> <v-menu :key=”index” full-width offset-x> <template v-slot:activator=”{ on }”> <div v-ripple v-bind:style=”Styles3″ v-on=”on”></div> </template> </menu> </template> </template> </v-calendar> </v-sheet> methods:{ idfind(val) { //const…

Send props and convert image to svg using vue-svg-inline-loader in Vue

I using vue-svg-inline-loader In first component I send using props source to image svg: <IconComponent :imgIcon=”‘../../assets/img/icon-example.svg'” /> Next I have second component when I get props: <img svg-inline :src=”imgIcon” alt=”icon”> export default { name: ‘IconComponent’, props: { imgIcon: { type: String, required: true } } }; But library vue-svg-inline-loader can’t conver img to svg. I…

Pass variable from within script tags to Vue instance

In my Drupal 7 site’s html I have this <script>$L = $L.wait(function() { (function($) { Drupal.behaviors.related_products = { attach: function (context, settings) { artiklar = Drupal.settings.related_products.artiklar; console.log(artiklar); } }; })(jQuery); });</script> In the variable artiklar above I have some data that I have passed from the server side using Drupal behaviors. Now, on the client…

Vuejs + webpack shows blank page after importing js file

Vuejs + webpack (development environment) shows blank page after importing core.min.js file inside Footer.vue file. console shows no error. To view the code of core.min.js check https://drive.google.com/file/d/1IYcH31j2lqh96ZlNgdXr6wnqrq2HAWCK/view Note:I only import core.min.js . App.vue <template> <div id=”app”> <div class=”page”> <app-header></app-header> <app-home></app-home> <app-footer></app-footer> </div> </div> </template> <script> export default { data () { return { msg: ‘Welcome…