I have these two router-links, one enclosed in a li element, the other applied with a tag="li" property: <router-link tag="li" :to="{ name: 'work'}">Work</router-link <li><router-link :to="{ name: 'news'}">News</router-link></li> which a compiled in the browser like so: Is the tag property of…
I am building a quiz app with Vue 3 and Bootstrap 4. The quiz can be navigated in both directions (there is a nextQuestion method and a prevQuestion method). Ideally, I will turn this into a full-stack app, with the…
I am building a quiz app with Vue 3 and Bootstrap 4. I have this method for checking if the clicked answer is the (same as the) correct answer: checkAnswer(answer) { return answer == this.results[this.questionCount]["correct_answer"]; } It should be executed…
I am working on a Users CRUD application with Vue 3. Whenever I add a user, I want it added at the top of the table, with a "fade-in" animation. For this purpose, I have done the following: Template: <tbody…
I am working on a Users CRUD application with Vue 3. I run into trouble while trying to validate the data in the "Add New User" form. More precisely, I use the function below to make sure no form field…
I've recently upgraded from Vue 2 to Vue 3, and there are a few parts of my app that in development mode give the warning: [Vue warn]: Template compilation error: Tags with side effect (<script> and <style>) are ignored in…
In dev version it works good. But when I make production, throw it to host via apache and trying to enter to internal pages (non-main page '/') by path or by reload page it give 404 error. It is pretty…
<template> <span> <i class="fa fa-star text-warning fa-2x" v-for="r in rating" :key="r"></i> <h1>{{rating}}</h1> </span> </template> <script> export default { name: "ratings", props: ["rating"], } </script> <style> </style> This is one of my child component where 4 is passing as prop and…
I'm trying to integrate PayPal buttons with my Vuejs3 project using Composition API (setup ) but all what i get is errors i try to integrate it without using setup and its working fine i leave the working script down…
I am using Vue.js with Shopify, and I'm hoping to pass objects from Liquid into a Vue component as a prop. For example, if I register the Vue component product-tile, and I want to use Shopify's product object in Liquid…