i import js-cloudimage-360-view(https://github.com/scaleflex/js-cloudimage-360-view) into index.html, but the code in vue template didn’t render successful and display nothing, chrome console didn’t report any error. And in my test, when the code paste in index.html it’s worked, but in myComponent.vue failed. How to import js-cloudimage-360-view.min.js fully functional import js in index.html <div id="app"></div> <!– built files will… Read More how to import js file correctly in vue

I’ve got a Vue component named MediaVisual. That componant contains a slot. The problem is that I am trying to get the src attribute of the passed in slot element. But this.$slots.default appears to be undefined. Eventhough before (in version 2) I used this.$slots.default[0].attrs.src to get the slot’s SRC value. This error happened since updating… Read More How to access slot attributes in Vue 3

I am dealing with a simple project but have a problem: <script setup> import { ref } from "vue"; const isActive = ref(false); const rates = ref([1, 2, 3, 4, 5]); const selectPick = () => { isActive.value = !isActive.value; }; </script> <template> <main> <div v-show="!isVisible" class="card-container"> <div class="content-container"> … <ul> <li v-for="rate in rates"… Read More How can I change each number's background color?

I have JSON data like this : { "kind": "books#volumes", "totalItems": 3436, "items": [ { "kind": "books#volume", "id": "yMtVngEACAAJ", "etag": "lo1fkwDSvPU", "selfLink": "https://www.googleapis.com/books/v1/volumes/yMtVngEACAAJ&quot;, "volumeInfo": { "title": "We Are in a Book! (An Elephant and Piggie Book)", "publisher": "Hyperion", "publishedDate": "2010-09-14", … I get it from a google’s API with this function : const getBookData =… Read More Can't access items of a JSON array with vue.js

I have a vue filter that I use to display numbers as our local currency (GBP) but I would like to show zero’s as a dash rather than £0.00. This is because in a large table with lots of zeros it makes it hard to spot the few items that are NOT zero. My filter… Read More Vue Filter to show zeros as dashes

I’ve struggled with an issue that seems really silly, but I could not find a solution for it. The following variable declaration works: export default { data() { return { random_number: 1, random_array: [‘A’,’B’,’C’], } } However, if I try to declare a third variable that accesses random_array, as in the two examples below, it… Read More How to pass an integer variable as an array index in Vue.js 3?

I am using this vue bootstrap tooltip. https://bootstrap-vue.org/docs/directives/tooltip Now, I have this tooltip: <label>Encoding <feather-icon icon="AlertCircleIcon" class="mr-50 my-icon" v-b-tooltip.hover.right="’The encoding used inside the feed. Leave Automatically if you are uncertain’" /> </label> On this toolitp text, I want to add double quotes around this word Automatically If I use double quotes Its not render. Can… Read More Vue Bootstrap – How to use double quotes in v-b-tooltip

My html <div id="app"> <table> <thead> <tr> <th v-for="(header, key) in column" :key="key">{{ header }}</th> </tr> </thead> <tbody> <tr v-for="row in rows" :key="row.id"> <td>{{ row.id }}</td> <td>{{ row.name }}</td> <td>{{ row.phone }}</td> </tr> </tbody> </table> </div> I’m trying to write a function in js and hook it up to my vue instance to fetch the… Read More how to asynchronously fetch the data from api using vue to form a table?

I have a function that rounds each percentage to 1: sortedItems () { return this.data .map(item => { const perc= item.count/ this.smsData.number * 100 const percentage = parseFloat(perc).toFixed(1) + ‘%’ return { …item, percentage } }) .sort((a, b) => b.count – a.count) } But the problem is that it rounds also the fixed numbers. For… Read More Display one digit percentage, skip fixed numbers vue

I have function: export const paramsFactory = (params: paramsType) => { return … } In another component I have the same function but after return … it also contains await getPageInfo({ page: 1 }). So I need pass callback as a second param to this function. And how to use it correctly? I have something… Read More How can I use callback that returns Promise?