Relative Content

Tag Archive for vue.js

Google reCaptcha on VueJS

I am new on VueJS. I created a component with a validateBotLogin() method which contains grecaptcha.execute code. I was able to get the Token. However, I don’t know how to call another method after getting the Token. Below is the error that I have encountered.

Vue Js remove /xyz from url

I have a problem where I want to load the favicon from some websites, but I’m having trouble because the URLs have extra parts like “/home”. These extra parts, called routes, prevent the favicon from loading properly. I need a way to make a function that automatically removes the route from the URL.

Vue JS access to an id from an Compontent in Javascript

I have a vue js file called homeview (is a view). Then I have an AppBoxComponent, as the name suggests, it is a component. now I have the problem that the AppBoxComponet is inserted into the HomeView, how often depends on how big a variable is.

Can not able to display after array.push(….)

<template> <div class=”overlay_CompareItem”></div> <div class=”modal_CompareItem”> <header class=”modal__header_CompareItem”> <h2>Compare Computers</h2> <button @click=(closeModal) class=”close-button_CompareItem”>×</button> </header> <main class=”modal__main_CompareItem”> <table> <thead> <tr> <td> Brand </td> </tr> </thead> <tbody> <tr :key=”index” v-for=”(compareThis, index) in list_of_computers”> <td>{{compareThis.brand}}</td> </tr> </tbody> </table> </main> </div> <script> import axios from “axios”; import { ref } from ‘vue’; export default { data() { return { list_of_computers: […]

VUE Element is missing end tag

I have the following in VUE 3 where I’m trying to put items into a bootstrap row and each row should contain 6 items. However…. VUE doesn’t like me doing this! It complains that my first contains a missing closing tag (which it does by design!) : [plugin:vite:vue] Element is missing end tag.

How to re-render child button is the props have changed in Vue 3?

You may have encountered this in Vue 3. You need to update the button in the child component, or rather, calculate the v-if value again after successfully submitting the form so that the button is re-rendered. Somehow transfer the props to the child component again. How can this be done?