vue.js Archives - TechInPlanet

I want to make v-card transparent, but it doesn’t work right

techinplanet staff
October 13, 2022

I want that v-card be transparent, but what is inside it should not be transparent. How can I make it with CSS? card.vue <v-card class=”cardColor”> <v-card-text> TEXT </v-card-text> <v-card-actions> <v-btn…

View Post

[Vue warn]: Missing required prop

techinplanet staff
October 13, 2022

I am using Nuxt and trying to create Heading component. when try to use this component, it renders h1 tag properly but the problem i am facing is in the…

View Post

Vue carousel – setting icons as navigation labels

techinplanet staff
October 13, 2022

I am using this vue carousel package, and I am trying to set the icons as navigation buttons, like this: <carousel :perPage=”1″ :navigationEnabled=”true” :navigationNextLabel=”‘<i class=”material-icons”>keyboard_arrow_right</i>'” :navigationPrevLabel=”‘<i class=”material-icons”>keyboard_arrow_left</i>'” > <slide v-for=”testimonial…

View Post

Vuetify data table component – Truncate text in cell using CSS

techinplanet staff
October 13, 2022

In the following example, is there any way to use CSS to truncate the text in the cell (rather than have it wrap around or overflow)? Ideally, the CSS should…

View Post

“Types are not supported by current JavaScript version” in PhpStorm

techinplanet staff
October 13, 2022

I’m working in PhpStorm on a Vue 2 / TypeScript project where whenever I want to include return types on functions I get "Types are not supported by current JavaScript…

View Post

How to prevent the following Vue watch from triggering an infinite loop?

techinplanet staff
October 13, 2022

I have an object that looks like this: visitorInfo: { name: { name: ‘Name’, value: ”, isInvalid: false, errors: [] }, email: { name: ‘Email address’, value: ”, validation: {…

View Post

Power BI embed + VueJS error: “TypeError: Cannot read property ‘powerBiEmbed’ of null”

techinplanet staff
October 13, 2022

I’m doing some tests based on VueJS + Power BI integration for a project I have in mind and I’m not able to get to run the basic example of…

View Post

Vuetify v-select dynamically populate/sort

techinplanet staff
October 13, 2022

I am trying to dynamically populate and sort an array used by v-select. However I am coming across the es-lint warning ‘unexpected side-effect in computed property’, because I am mutating…

View Post

How to prevent copy paste in vue.js

techinplanet staff
October 13, 2022

In order to to make life hard for content thieves, I’d like to disable copy-paste of rendered texts on vue.js components. Here is an example template : <template> <div id=”my-precious-content”>…

View Post

Jest error Could not locate module …. mapped as:

techinplanet staff
October 13, 2022

I try use Jest with VueJS and Quasar framework. I write simple test: import { GetUserDictionaryDataComponent, Component } from ‘@/pages/configurations/components/’; describe(‘GetUserDictionaryDataComponent’, () => { it(‘should get correct type’, () =>…

View Post

URL redirection testing with Vue.js and Jest

techinplanet staff
October 13, 2022

I’m trying to write a test to checks that when the user clicks on “login” button, the URL is redirected to /auth/. Frontend is written with Vue.js and testing is…

View Post

Vue.js Error “Cannot find module ‘./undefined'” from webpack when using src=require()

techinplanet staff
October 13, 2022

I am trying to load images from a local folder using the src=”” from the img tag but I want to load them using the backend. The frontend already has…

View Post