Tag vue.js cdn

Jest import common plugins like Vee Validate before each test

I'm new to Jest and am testing my Nuxt JS application with unit testing. I have many test files set up and need to import various logic into each test file, such as my Vee Validate config. I've tried ...

GET: ERR_SSL_PROTOCOL_ERROR nginx + vue.js

In console log of Google Chrome I'm getting these errors : GET https://192.168.1.7:8081/sockjs-node/info?t=1579798623564 net::ERR_SSL_PROTOCOL_ERROR GET https://192.168.1.7/sockjs-node/info?t=...

How can i use constants in vuejs template?

how can i use constants in the template of the vuejs? this is my code, I'm declaring this constants import TIPS from '../../constants/tipsConstants' and i want to use in the template like this ...

Why vue compnent property doesn;t update When open it secodnd time?

I have vue component which data() property center2 which basicallly lng,lat object. This property supposes to update when every location changes. but it get updated for the very first time when I open ...

Problems with Vue 3.2 <script setup> tag and TypeScript types

I'm trying to use the Vue 3.2 <script setup> tag with TypeScript. I have a simple use case where I want to display a user ID in the template. My code is technically working. It displays the user ...

Docker Compose with Traefik and Mosquitto - Secure Websocket Issue

I have been spinning my wheels for a full day now trying to figure this out. I'm still relatively new to Traefik. The goal is to get a secure MQTT broker up in the cloud. The problem is I can ...

Where is the html file in gulp-live-server?

In my Vue application, I have this gulpfile.js which uses gulp-live-server These are some codes in this file: const gls = require('gulp-live-server'); const { src, dest, series, parallel, start, watch ...

Is it possible to include a Vue.js component from a URL?

We are designing a plugin architecture and are curious if there is a way to allow including 3rd party plug-ins as Vue components through a URL. How can I import a vue file from a remote url? For ...

Sortable Multi Column Drag and Drop without Library

I am looking to implement a sortable (ordering) drag and drop between columns as well as in column. I looked all over internet to find any example that does not use a library for it. I'd love to ...

Add a class to parent element when child element attribute aria expanded is true

I need to give the first div a grey background when the dropdown is open. I've been able to apply css depending on the a tag's aria-expanding for the child elements but I'm not sure how to do that for ...

VueJS How to pass key from parent <tr> to nested <tr> in loop?

I need to make a nested TR for collapsing inner row inside parent TR and bind it with loop index, it doesn't work with TR->TR but it works with TR->DIV. This doesn't work: <table> <...

How to set different bootstrap class depends on condition in Vue? [duplicate]

How do I use Vue to set the bootstrap class name? If isIndividual, it is using .col-md-12 else it will be .col-md-6 I tried with this but it doesn't work if isIndividual is true. .row .col-md-12(...

Recreating php from Vue.js, Express.js and SQL db

I am picking up a project from someone else. As of now all the front end and server code as well as the SQL for the database is with me but I have none of the PHP files. I was wondering if there's any ...

Get length of input in vue-multiselect and show multiple columns inside

I'm working with BootstrapVue. I've chosen to use an Vue Multiselect. Now I have two essential problems: I want to show my options first when 5 or more letters/numbers are inputed. PROBLEM: @input ...

Nuxt render header.vue with store data

i have header.vue with user information from store(vuex) , like username and his img. everything works good when you just work in website clicking on links, but when you reload page, header with this ...

Vuejs Screen size dropdown transform translate

I'm trying to make a down like bootstrap dropdown, but I want to make the div position dynamic, how can I do it according to the screen size? When IAMBUTTON is clicked, jquery automatically writes the ...

Vue website not ranking when related keyword is searched for

I've made a Vue site for a friend who owns a physiotherapy business and used Vue Meta and vue prerender spa plugin. Searching for the actual name of the business will rank it first, but searching for ...

Copy array item and put in position-dependent by property value?

I have an array: let rawArray = [{ name: "Name", repeat: null }, { name: "Name1", repeat: 2 }, ...]; I need to loop rawArray and read repeat property, if repeat is not equal to ...

How to disable Babel in Nuxt.js?

Simple question, I know, but googling has turned up nothing. I've recently been sold on simply omitting Babel transpilation in my projects. I don't have any business need to pander to pre-ES6 era ...

How to convert component string as real component in vue

Hi i have a requirement for plugin store where i need to load component from core into plugins and inside plugin i need to convert that string into real component so that i can use it. Note: better ...

How do I create a UI where I have a tree-view to show my folder-tree and a table to show my files in Vue.js while being able to drag and drop files?

I want to create an UI in Vue.js that looks like the following: If the user clicks on a folder or subfolder the table below lists all the files. Simply displaying a treeview and a table by using the ...