Vue.js Forum
14 FOLLOWERS
Got stuck? Get help from users here. Better yet, help others out once you leveled up your own skills! Discuss everything Vue.js!
Vue.js Forum
1y ago
We used in our app Vue2 with DevExtreme components, and decided to migrate to Vue3. The code looks as following:
1) Vue2
v-modal-dialog.vue (base component):
<template>
<DxPopup
v-bind="$attrs"
:hide-on-outside-click="true"
:drag-enabled="true"
:wrapper-attr="popupAttributes"
position="center"
v-on="$listeners"
@hiding="onHiding"
>
<template v-for="(_, slot) in $scopedSlots" #[slot]="props">
<slot :name="slot" v-bind="props" />
</template>
<slot />
<slot name="footer">
<DxToolbarItem ..read more
Vue.js Forum
1y ago
Hola a todos.
tengo un botón en un componente de formulario para buscar registros que llama a una función para obtener los datos de este formulario:
<div >
<input type="button" value="Buscar registros" @click="searchRegisters()">
</div>
la función es la siguiente:
function searchRegisters(){
var address = "";
var city = "";
var cp = "";
address = document.getElementById("address").value
if( address != "" ) {
param_search["parameter"] = "address";
pa ..read more
Vue.js Forum
1y ago
Problème de génération des document pdf avec images venant d’une base de données;
j’éprouve des difficultés de générer les documents en pdf avec image venant d’un api, j’utilise vue js 3;
Merci de votre aide
1 post - 1 participant
Read full topic ..read more
Vue.js Forum
1y ago
salut j’ai toujours travaillé avec du HTML CSS pour développer mes applications web je suis très étrangère aux nouvelles technologies web mais il m’a été imposé de travaillé avec vue.js pour un projet , en utilisant le thème Materials , j’ai essayé de suivre des tutoriels j’ai pu acquérir des bases mais j’ai vraiment du mal a comprendre l’arborescence des fichiers et commencer la personnalisation, il ne me reste plus beaucoup de temps quelqu’un a t’il un lien a me conseiller ou un petit coup de main a me donner?
Merci
vous trouverez ci joint l’arborescence du thème.
arborescence431×803 23.4 K ..read more
Vue.js Forum
1y ago
There’s native slot element in web components technology. It will disapper when web component used in vue template. I can’t just simply tell vue to ignore all slot. it will broken vue components. how can i configure vue to treat slot in web components as native element ?
3 posts - 2 participants
Read full topic ..read more
Vue.js Forum
1y ago
I have multistep signup in one project. On Verification.vue i create a form function where user put email, password and current password.
<form @submit.prevent="btn_action" >
<span >Sign Up</span>
<span >{{ user_msg }}</span>
<span v-if="in_step == 'three'" >Email verified successfully.</span>
<br />
<br />
<span v-if="in_step == 'three'">Enter your phone no which will be used as a login id for
your account.</span>
<div v-if="is_show_email ..read more
Vue.js Forum
1y ago
I have one page in vue js where some data are come from api and some html contents are written in code when i open this page after login then all content are showing but when i open this page without login then only header and footer are showing. i want all data are showing also without login the user. when i check this code the are not auth_from_app code are used. when i hit the api in postan then without any login all data are showing but on browser data are not showing without login. when i check this in network i show the eror.
get_member_info_from_token (Invalid Member)
get_member_byid/un ..read more
Vue.js Forum
1y ago
I’m building a web application with Nuxt3 and added the Tailwindcss Module · Nuxt. It correctly applies my custom styles but some colors seems to not be applied only in text elements
this is my tailwind.config.ts:
module.exports = {
content: [
'./components/**/*.{vue,ts}',
'./layouts/**/*.vue',
'./pages/**/*.vue',
'./plugins/**/*.ts',
'./nuxt.config.ts'
],
theme: {
borderWith: {1: '1.5px'},
colors: {
white: {
100: '#fff',
80: '#fafafa',
},
black: {
100: '#101010',
80: '#404040',
60: '#707070 ..read more
Vue.js Forum
1y ago
Hello there,
I want to display a variable amount of event in a timeline. For this I wrote the following code.
The only thing I can’t get to work is to align everything to the right and that the cards take up the remaining space on the right.
I am currently using vue 3.2.47 and vuetify 3.1.7
Thanks for the tips!
HTML
<v-container fluid>
<h1 >Events</h1>
<v-divider ></v-divider>
<v-timeline side="end" dense>
<v-timeline-item v-for="(item, i) in events" :key="i">
<template v-slot:opposite>{{item.time}}</template>
< ..read more
Vue.js Forum
1y ago
Hint duplicate content: this question is already avilable on Stackoverflow, but until today without helpful answer. So i’m looking for here a solution:
Vue 2.6.14
Vuex 3.1.1
Vue test-utils 1.3.0
Jest 29.3
The code works well in dev environment but on the JEST component test with vue test-utils the code running into an infinite update loop in a component render function.
my-component/index.js
const { Component } = Shopware;
Component.register('my-component', {
template: '<sw-number-field :value="computedComponentPurchaseSum(0)"></sw-number-field>',
inject: [
'repo ..read more