Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
1
vote
0answers
3 views
twemoji not working in .vue component
I am trying to use twemoji in my nuxt.js starter project. But it doesn't work.
Component:
<template>
<section class="container">
♠️ 🏁 ♥️
</section>
</...
1
vote
0answers
40 views
Infinite update loop
I'm trying to build a reusable Image Loader component in Vue.js, which should:
Manage its own thumbnail data
Take src from parent as prop
Display different thumbnails based on prop, using same ...
-1
votes
0answers
11 views
How to make autocomplete list using `@` symbol in vue.js with additional parameters?
I want to make component in vue.js 2.0 which uses textarea where use can type markdown based text (with this plugin) but with additional features.
There must be custom element, for example
[user-12]...
0
votes
0answers
21 views
VueJs - one component multiple fiters
I have a vue Js component, which outputs data based on a filter
Vue.component('talents', {
template: `<div>
<div v-for="talent in filteredItems" @mouseover="...
0
votes
1answer
24 views
Trigger a watch function whenever any variable is changed in Vue.js
Is there a way I can trigger a Vue.js function whenever a variable within the app changed?
var vm = new Vue({
el: '#demo',
data: {
variable1: 'Foo',
variable2: 'Bar',
.....
.....
...
0
votes
1answer
9 views
change value of bind in a list when triggered vue js
I'm very new to vue js. I tried passing parameter to get the index of the list when clicked but i still can't update it's attribute value.
I want to update the value of isState to "1" when click
...
0
votes
0answers
16 views
When I send post request in vue.js it generates get request
The code is as simple as
this.$http.post(url, data);
On local machine it generates POST request.
On cloud server it generates GET request.
Version of vue.js is the same.
0
votes
1answer
12 views
Can Vue.js custom directive can be implemented as individual files?
Is there any way that Vue custom directives can be implemented as individual files (ala Vue components .vue file) and be compiled in the root js file? (I'm using Webpack)
I tried the following on app....
0
votes
0answers
15 views
Components of Vuestrap not working with Vue2
In a single file component in the project created by vue-cli, i want to import some components of vuestrap:
import Vue from 'vue'
import alert from 'vue-strap/src/alert'
import dropdown from 'vue-...
0
votes
2answers
23 views
Angular and Vue Templates and Bindings
I a new developer. I have been working to get up to speed. Part of that has made me review Angular, React, and Vue. Each of these seem to use something called "declarative binding" and "templating". I ...
0
votes
1answer
10 views
TypeError: Data must be a string or a buffer when trying touse vue-bulma-tabs
I'm having this weird error with vue and vue-bulma-tabs.
Project is running at http://localhost:8081/
webpack output is served from /dist/
404s will fallback to /index.html
crypto.js:74
this....
0
votes
1answer
15 views
Vue-js removed selected date from textbox when add new element
Vue-js remove selected date from textbox when add new element. if i entered any text instead of date and add new element text is display as is it. but date is removed.
below is my HTML code
<div ...
0
votes
1answer
16 views
Vuejs post does not find NodeJs Express server/action
I'm trying to send data using vue.js to my node.js server, but the browser console keeps showing me a 404: POST http://127.0.0.1:63342/myaction 404 (Not Found)
vue.js:
this.$http.post('http://127.0....
0
votes
2answers
19 views
Check if it's possible to go forward when using vue-router
I'm developing an application using Vue2 and Vue-router (version ^2.2.0) and the back and forward navigation buttons have to show if the user can go back/forward or not.
To check if the user can go ...
0
votes
0answers
24 views
How to perform a transition on a simply component load with Vue.js
This is what the Vue.js documentation state:
Vue provides a transition wrapper component, allowing you to add
entering/leaving transitions for any element or component in the
following contexts:...
1
vote
1answer
22 views
Vue.js - How to properly watch for nested properties
I'm trying to understand how to properly watch for some prop variation.
I have a parent component (.vue files) that receive data from an ajax call, put the data inside an object and use it to render ...
2
votes
1answer
26 views
Vue.js progress bar
I'm using vue.js 2.0 I've got this method:
calculatePercentage(option) {
let totalVotes = 0;
this.poll.options.forEach((option) => {
totalVotes+= option.votes.length;
});
...
0
votes
1answer
25 views
Keep list components alive in Vue
I have a list of components that I render using v-for. Not all the components are shown simultaneously. I page the the array of rendered components by using slice.
These components shouldn't be ...
0
votes
0answers
35 views
Data grid grouped by date
Any JS plugin (such as datatables) to get output (as per in image attached) grouped by date with pagination or probably load more?
-1
votes
0answers
21 views
A vue component has its own view but with state is global, the component registration of mutation is to change the state of the global
A vue component and the app use vuex;
Request data back into the state, for example
The switch state to monitor the state of the switch.setting.login;
To modify a state. Click on the switch, ...
2
votes
3answers
19 views
VueJS: How to output a comma separated array?
I know that in VueJS I can loop through an array:
<span v-for="(element, index) in list">{{ element }}</span>
But what if I wanted a list that is comma separated? For example, if list = [...
1
vote
2answers
40 views
Page doesn't start at the top due to height of div
I am currently working with Vuejs and routing to other pages. For my link to photos, I would like a main cover photo that covers the entire screen.
<template>
<div id="album-container"&...
0
votes
0answers
32 views
Force click to be assigned to parent element
The element (+) below is hijacking the dashed div's click event handler, leaving me without access to the div's attributes.
I would like to assign all clicks within the div, to the div.
Using Vue.js
...
0
votes
1answer
19 views
Share templates between React/Vue.js and PHP + HAML
I'm choosing frameworks for my next project and got stuck on a tricky problem: How to share templates between server-side PHP and client-side Javascript?
On server, my application is going to be ...
0
votes
0answers
13 views
Component rendered as comment in VueJS + JSPM
I tried to build simple app using jspm with vue.js.
This is my html file:
<html>
<head>
<script src="bundle.js"></script>
<!--script src="jspm_packages/...
0
votes
0answers
26 views
Should I keep every component in separate file? (vue.js)
I'm using vue.js and have a timer/stopwatch component which has the following parts built as separate components. Every component/part has its own file.
digital clock,
note,
controls,
a couple of ...
3
votes
0answers
25 views
When creating a new VueJS instance, does it clone all the child elements in it's specified root element?
Take this HTML for example:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdnjs....
0
votes
1answer
14 views
VueResource Vue.http.get Response Status Code 0
im having this issue where i send a request to the API to retrieve all users, the login function is called(index.vue) when called it tries to go to api/users/all which in this case should return all ...
2
votes
1answer
49 views
Bind class to a slot in Vue.js 2
I'm trying to create a reusable component for iterating over items, filtering them, and adding some classes to the slot (if the item is even, odd, first, last etc..)
Here's my reusable component:
&...
1
vote
1answer
19 views
Validating input with vue.js - what does v-model.number really mean?
If I have specified that my input field is numeric, with v-model.number, what assumptions can I make for validating the numeric input prior to form submission (or rather, posting JSON to the server)? ...
0
votes
1answer
32 views
Linking v-model in child to parent value vue js
I have a vue component which is as follows and in the child template I have a text input which I want to use v-model to link it to a var in the parent. But its not working.
How would I be able to ...
0
votes
1answer
29 views
Vue.js: List does not update when using child component
I'm having an issue when using a child component, a list does not update based on a prop passed into it.
If the comments array data changes, the list will not update when it uses a child component &...
0
votes
0answers
38 views
Vue.js simple script don't work
I'm trying to run the code bellow, which is probably the most simple example of Vue.js, but it doesn't work at all:
<div id="app">
{{ message }}
</div>
<script>
var app = new Vue({...
0
votes
4answers
30 views
vue 2 parent get children component data
I'm using vue2 to develop my project.
When the component mounts (or beforeMounts), it fetches initial data from vuex, and put it to component's data. After the user clicks the button, it triggers the ...
2
votes
0answers
33 views
why pagespeed insights asks me to fix “blob” compression and cache?
I know how to use compression and cache.
But what is blob and where does it come from?
blob:http%3A//35.156.214.49/34f97ab7-9c39-422a-9695-81f09dc0664b
You can see for yourself here:
https://...
0
votes
0answers
41 views
Why is my view not rendering data from my vue component?
I am trying to get a list of products from an api with a mixture of vue components and the vue-router setup. I am able to console.log data out inside the function that gets the data but I am unable to ...
0
votes
1answer
26 views
Load Vue view-model with data from existing HTML
I'd like to use Vue with pre-rendered HTML. In the long run we might not, but for now it seems easier to leave the server code in place and use Vue to manage the client logic of the web app.
I can't ...
1
vote
1answer
17 views
Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.
I am a bit confused using VueJS2. I added a few variables to the data container for sending it to my API. That works fine but Vue is throwing me a warning/error message which I don't know how to solve:...
2
votes
1answer
31 views
Vue.js: Uncaught (in promise) TypeError: $set is not a function
I'm fetching comments from the reddit API and trying to update an array with $set so it can update the view, but I get this error:
Uncaught (in promise) TypeError: $set is not a function
VM ...
0
votes
1answer
26 views
Vue update side navigation automatically
I've got names for 10 users in my sideNavigation.
I fill them in sideNavigation.js like this :
data: () =>({
name1: "",
name2: "",
name3: "",
name4: "",
name5: "",
name6: "...
0
votes
2answers
41 views
How to add event listener to <router-link> component, using “v-on:” directive? (VueJS + Vue-router)
My code doesn't work. Maybe I do something wrong? Code purpose was to generate custom event 'appSidebarInlineButtonClick' on "click" event:
<template>
<router-link
:to="to"
...
0
votes
1answer
32 views
v-if and v-else shows while page is loading?
Problem is that both divs shows on load. I tried to use v-cloak only on one but its not working. If i put on parent div then its not look good while is hidden. Any suggestion how can i display only ...
0
votes
0answers
20 views
On-demand rendering of precompiled Vue.js components (webpack 2)
I'm trying to on-demand render vue components. Application consists of 4 parts, each should be rendered to the DOM only after calling some function, something like renderProducts()
I'm using webpack ...
0
votes
1answer
43 views
how to pass object vuejs
In My laravel + Spark + Vue js project, I have used https://github.com/Vanthink-UED/vue-core-image-upload, They have code like
export default {
props:{
cropBtn: {
type: Object,
default: ...
0
votes
1answer
32 views
Pass object on other component Vue js [on hold]
I'm beginner in Vue.js and I'm kinda confused how to pass an object in other component...
My problem is I have two component file named Component A and Component B.
Component A has three buttons and ...
0
votes
1answer
21 views
Setting value in vue.js select gives `undefined` value
When vue component receives update via websocket it sets new value for <select>.
Related code
window.VueBus.$on("updated", (channel, key, value) => {
let ...
1
vote
0answers
27 views
How to make a sidenav below the toolbar in vue material?
So I am using vuejs with vue-material and I have a problem.
So this is what it looks like without the fixed sidenav.
And when I add a sidenav..
As you can see the toolbar is under the navbar which ...
0
votes
3answers
67 views
Vue.js create dynamic AJAX response based multiple components
I am trying to create an SPA using dynamic server response.
For e.g. data returned is:
components: [
{
name: "Parent1",
data: {...},
children: [
{
component: {
...
1
vote
1answer
33 views
VueJS dynamic property name not updating value
I am trying to implement an associated array combined with accessing the property within the value, the key is based on the value of the campaign object.
<li v-for="campaign in campaigns">
&...
1
vote
1answer
34 views
Limitations of beforeRouteLeave?
I'm using Vue.js with vue-router, and have a question about the 'beforeRouteLeave' navigation guard. I am using it for dirty-checking of a product object in my ProductDetail component, when the user ...
