I need to create a chat for my application, and to show the last messages when going on the chat page, I need to scroll automatically at the bottom of the div. VueJs : <template> <div id="app"> <div class="comments" v-chat-scroll>…
Some basic information about what I'm working on. For sake of me trying to figure this out and not disclosing all information, I will input necessary info to understand the problem. This is using VUE JS. I'm trying to update…
I am using NuxtJS 3 and Vue 3 and I am connecting to a single mongoDb database without problem. I would like to connect at the same time to another database, where I will store and retrieve data. My question…
I want to make my navbar dynamic. I want to change it's background image. I try this: <b-navbar toggleable="lg"v-bind:style="headerStyle"> this.headerStyle = { backgroundImage: 'url("../../assets/img/sky-views/3.png") !important' } When I do that and inspect it I see this: And there is no…
I need to display detailed information as hover text in my Vue.js application. According to this blog (https://www.geeksforgeeks.org/create-a-hover-effect-in-vue-js/), I can display hover text as 'v-bind:title='parameter'. It works, but the styling looks pretty basic. But is there a way to style…
Vue and Quasar frameworks String: "Lorem ipsum dolor sit amet CONSECTETUR adipiscing elit" Template The following code does not work <span:class=""> {{ highlightSearchExpression(string) }} /> Using v-html (works inconsistently; merge search word with other words) <span v-html="highlightSearchExpression(string)" :class="" /> Method…
I'm using Vuetify 3 and Maska, which provides masking of input values. I need to put a mask for phone numbers on v-text-field. The documentation describes how it works with a regular HTML input element, but I need to put…
I have this code (in the fiddle the circles overlap, but it works alright on my PC - most likely due to pixel widths being off in the fiddle?): https://codesandbox.io/s/objective-hamilton-zspre8?file=/src/App.vue TestCircle.vue: <template> <div class="circle" :style="{left: this.left, top: this.top}"> {{value}} </div>…
I want to have an autocomplete: https://www.npmjs.com/package/vue3-simple-typeahead the problem is, input datas cant be fixed, they come from an ajax request. But after page loaded, I cant seem to be able to modify those values. I was reading about computed,…
My Vue 3 application is as follow: app.js import { createApp } from "vue"; import App from "./app.vue"; let vm = createApp(App) vm.mount("#app"); window.vm = vm app.vue <script> export default { name: "App", methods: { async someMethod() { this.data.push(1); }…