I am using regular Vue.js in my project. I store data in a store made from scratch and use it in a template: My pictures are rendering well but now I want to add a delete() function to the picture @click and whenever I click on the button I get: TypeError: Cannot read property ‘url’ of undefined So how can
Tag: vue-component
Show an element if date is before or after another date using Vue js
I’m using vue to dynamically show elements (called boxes) on the page, but I need to display an element based on if it’s start date is before or after today+1 week. So if the box.start_date is before one week from today, then show it, else hide it. I’m not sure how I can do this in vue ie. I tried
How to concatenate . (dot) with number in javascript
hi ive created visual calc using html and its looks like this .. and ive created function called number() on click on each html element and this is it with numbers 0123456789 everything is working fine but my problem with the . how can i add . to this.total_quantity_discount_price i mean how can i add the number 10.555 or 55.648
Vue.js component: Props as object doesn’t work with x-template
To simplify the markup of a Vue component, I’m trying to use an object for the props. When defining the template of the component as described in the code example on Components Basics — Vue.js all works fine. But trying to define the template as an x-template, I’m getting an error saying, that the property ‘title’ of undefined cannot be
Awaiting till user finishes writing to input field in Vue.js
I have a QR code creating page. I want my QR codes to be created dynamically by user input. But I don’t want to instantly create a QR code. I want to wait my user to finish writing then after one second i will generate the QR code. So I have a template like below: And my script: Apparently the
Vue.js, options for multiple classes on v-bind
I need some help trying to figure out how to give the v-bind:class multiple options. My Uno game, as it loops through your cards, needs to look at the cards color which is in a list of objects ex. ([{ Color: green, Value: 6}] and determine what color of text the card should be. This is what I have come
Vuejs: how do you pass class(classes) to template?
What is the right syntax to pass class to %item.class% in the following code? Any syntax like [item.class] or {{ item.class }} passes it as string without render. How to pass it properly? How to pass several classes and apply to several tags (a, span etc.) nested in one template? Pass an array? How to iterate it? Thanks beforehands 🙂
Using v-tooltip on custom (non native) component
I have a custom component which is being used application wide. But, in some place I want to show tooltip on hover on this component, according to vuetify docs this should work but it doesn’t because <custom-component /> is not a native component. And to have this functionality for native component a .native modifier is to be used. Example: @click.native=”someMethod”
Vue dynamic background image inline component
I’m building a banner with Vue that needs to have a dynamic background, however, it doesn’t seem to be working. Not sure what I’m doing wrong. I’ve tried a few other ways and it works if I do an image tag something like But obviously this needs to be an inline background image. Code: component View Answer Looks like you’ve
Vue v-if statement to check if variable is empty or null
I am trying to use a v-if statement to show some HTML only if the archiveNote variable is not empty/null. Here is how it’s instantiated which is then passed in from this other Vue file The block of HTML still shows when archiveNote is console.log out as empty Answer If you want to show the <div> only when it is