Posted By: Anonymous please tell me how to make a unique key for v-for For example, if you use the index as a key, then the last element will always be animated. Several elements with the same text can exist at the same time. How can I implement this Math.random is unlikely to be a …
Posted By: Anonymous I have created a blog project in Nuxt and I am using quill text editor for the description field in my database. When rendering blog’s description from database, I used v-html but I got 34:23 warning ‘v-html’ directive can lead to XSS attack vue/no-v-html <span v-html="blog.description"></span> To remove this warning I used …
Posted By: Anonymous I use Vue3 and Firestore. I created a dynamic page that uses the auto-generated id with add() as url. I want to make it possible to attach an image when I write. Can I use storage to allow users to attach images to auto-generated fields? This is my firestore And this is …
Posted By: Anonymous I need to put some data in a html table. But when I attempt it I get the header row duplicating itself multiple times. Data: export const rates = [ { lvrLow: 0.8, loanRanges: [ { loanLow: 0, loanHigh: 300000.0, }, { loanLow: 300000.01, loanHigh: 500000.0, }, ], }, { lvrLow: 0.95, …
Posted By: Anonymous At first to point, i have seen a lot of similar problems here on stackoverlow, but no one is relatable to this example… I am working on Vue JS project + Laravel so everything was going smoothly but suddenly i got error that cannot solve (from my perspective everything is correct). Basically …
Posted By: Anonymous I am trying to pass an array of object from an async function in a .js file to a .Vue file where it gets it via a computed property. Unfortunately, it’s not working. I would like to ask on how could I fix this ModelList.js file export default function(vm) { let modelList …
Posted By: Anonymous Hey please am new to Vuejs and Express…So am trying to practice. So am trying to create a User Profile with comes with a image Using Vuejs and ExpressJs but none of the file or text is uploading. This is my CreateProfile.vue file <div class="icon-pic"> <label for="Password">Upload your Logo / Picture</label> <input …
Posted By: Anonymous I’m using Vue.js with Laravel and facing a problem. I want to pass category id from the blade file to the Vue.js component as a prop. But don’t know what is good practice and the right way for this. I’ve defined the route something like this: Route::view(‘/categories/{category}/edit’, ‘edit’)->name(‘categories.edit’); and my edit.blade.php file …
Posted By: Anonymous I am trying that in an input only letters can be written and that special characters or numbers cannot be written, for now I have succeeded unless if I write "`" or "´" they continue to be written. How can I stop them from appearing? this is what i did https://codesandbox.io/s/kind-cannon-vccjb?file=/src/App.vue:0-699 Solution …
Posted By: Anonymous I am working on a small Todo App with Vue 3 on the front-end and Slim 3 on the back-end (API). In App.vue I have: <template> <div id="app"> <Header title="My todo list" :unsolvedTodos = unsolvedTodos /> <List :todos="todos" :dataIsLoaded=dataIsLoaded @delete-todo="deleteTodo" @toggle-todo="toggleTodo" /> <Footer :isValidInput=isValidInput newTitle = "" placeholder= "+ Add new todo" …
Posted By: Anonymous I am new to Vue js, I am building a website using Vue js where I have a home page and docs folder which contains a lot of documents written and save in a .md file. Now How I can on the navbar click redirect from my route.js page to docs .md …
Posted By: Anonymous Is there a way to output all model data of polymer elements? I would like to output each property and their value to the view. I know vue accomplishes this, by using {{ $data | json }} But Vue also has a data attribute that is dumpable. Not sure if it is …
Posted By: Anonymous This is more of a general question in regard to learning Polymer 1.0 and it was proposed by the polymer team to publish them here on stackoverflow. The best way I personally learn stuff is to rebuild small apps. A great source has been todomvc.com. I have trouble rebuilding the polymer app, …
Posted By: Anonymous JavaScript frameworks like React and Svelte don’t allow developers to use the class property on a DOM element because the class keyword is reserved in JavaScript. Meanwhile, other frameworks like Vue somehow get around this. What is it about how Vue is implemented that makes it possible for Vue developers to use …
Posted By: Anonymous The below code is what I’d like to do but it currently doesn’t work. I’m trying to start building Vue components inside my Polymer app as a way to slowly migrate off Polymer. I’ve been able to get a Vue component working inside my Polymer app, but I’m stuck on how to …
Posted By: Anonymous Vue component won’t re-render array items after its value was set externally. State chenges but v-for element is not showing the changes. I have a component that renders items from array. I also have buttons to change the array length and it works well: ‘+’ adds one line and ‘-‘ removes the …
Posted By: Anonymous I would like an application layout that has a fixed toolbar at the top and a left-hand navigation drawer underneath. In addition the navigation drawer should behave as “temporary”, i.e. the user can click outside of the drawer to dismiss it. I can get the visual effect I want with a non-temporary …
Posted By: Anonymous The v-for tag in vue is great, no doubt. I have now the situation where I want to generate a description list such as this. In this case I need to generate two DOM elements for each element in my array: <dl class=”row”> <dt class=”col-sm-3″>Description lists</dt> <dd class=”col-sm-9″>A description list is perfect …
Posted By: Anonymous I try to setup the source maps in a hope it will cause to show a real position of an error in Chrome developer tools. I tried these options in vue.config.js: configureWebpack: { devtool: ‘eval-source-map’, }, and configureWebpack: { devtool: ‘source-map’, }, But I still get such error: This is my package.json …
Posted By: Anonymous I’ve attempted using vuejs to create a form which ultimately uses axios to do a POST request. However, the submit button does not disable during form validation. I am trying to prevent the user from submitting multiple times… Code to reproduce: <div> <form @submit.prevent=”checkForm”> <input type=”submit” :disabled=”submitting” :value=”value” > </div> Where: checkForm( …
Posted By: Anonymous I’m trying to access the validation flags from a computed prop: computed: { isFormValid() { let isValid = this.$validator.fields.some(field => { console.log(field.flags); return field.flags.touched; || field.flags.invalid; }); console.log(“isValid”, isValid); return isValid; } }, But this gives an error: “TypeError: this.$validator.fields.some is not a function” So then I figured I would iterate over …
Posted By: Anonymous I have a table row, each containing a select. I wish that when the select option is changed, the data of the parent (containing the table) is updated. <tbody> <tr is=”itemComponent” v-for=”(item, index) in items” v-bind:index=”index” v-bind:item=”item” v-bind:item-attribute.sync=”item.attribute” </tr> </tbody> Then in itemComponent (receives item-attribute as props): <td> <select v-bind:value=”item-attribute” v-on:change=”$emit(‘update:item-attribute’, $event.target.value) …
Posted By: Anonymous I am using Bootstrap Vue to render a select input. Everything is working great – I’m able to get the value and change the UI based on the option that was selected. I am trying to change the headline text on my page – to be the text of the selected option. …
Posted By: Anonymous I’m using vue-select in my app and am trying to prevent an event handler from firing when the default values are first loaded into the vue-select input. The component looks like this: <v-select multiple v-model=”product.recommended_accessories” label=”name” :options=”accessoryOptions” @input=”saveProduct” @search=”onAccessorySearch”> <template slot=”option” slot-scope=”option”> <h4>{{ option.name }}</h4> <h5>{{ option.sku }}</h5> </template> </v-select> As you …
Posted By: Anonymous From the bootstrap-vue documentation i can see how to enable sorting per column but is it possible to do it for the entire table? Solution It’s not possible but you could use a computed property to deal with that easily by mapping fields property and adding sortable key with true value like …
Posted By: Anonymous I have a Vue (2.2.1) component that should display a membership directory by making a request to a Laravel API. The request succeeds, and the response is correct when I console.log it. Likewise, the API request succeeds in Postman and the JSON object is correctly formatted. But, the response won’t pass into …
Posted By: Anonymous I am trying to pass an array object to a component, but am not getting anything create.vue <el-row > <component1 v-for=”product in products” :value=”product” :key=”product.id”></component1> </el-row> //script section data() { return { products: [] //there have (id = 1, name = first), (id = 2, name = second) } } component1.vue <el-row> …
Posted By: Anonymous I have a an array of locations and each location has several events. I would like to offer the user the ability to remove the entire location along with the location’s events. I have this working using $remove. I would also like to offer the user the ability to remove a single …
Posted By: Anonymous i was using the vue-date-picker for date picker functionality at an input fields because it matched 100% to my requirements. Problem is it working but on loading the page i am passing a default value from the database. but it is not showing me the value until i delete the v-model attribute. …
Posted By: Anonymous I have a site where I would like to add a search function using Vue 2, the search will be applied to the components which are generated on page load via a JSON file. The key words I want to use for this are included in the JSON file that is fetched. …
