Vue.js is a library for building interactive web interfaces. It creates data-driven user interfaces with a simple and flexible API.
0
votes
0answers
6 views
Pass an object into a checkbox without json encoding & breaking the binding
I have a table with multiselect check boxes to select the polls a Laravel blade template and Vue.js.
I want a modal box to show the list of the selected polls and then submit a hide command to hide ...
0
votes
1answer
12 views
dynamical appended vuejs content: scope.test is not a function
I am trying to find a workable solution for following scenario:
vuejs will render its "main" content first;
when some click happen, it loads some vuejs aware html(including both component referring ...
0
votes
1answer
16 views
v-model not updating data when using a v-for in Vue
I am trying to build a basic form creator while trying to learn Vue. I am running into an issue where my v-model is not updating the data. The idea is you can add a type of field and it will add it ...
8
votes
2answers
132 views
Difference between nameFunction() {} and nameFunction () => {} in ECMA6
I'm start learning Vue.js and ECMA6 syntax, I saw this in the tutorial:
methods: {
someMethod: function() {
console.log(this) // this works
}
}
Then I thought the syntax could be:
...
1
vote
0answers
28 views
Select one feature of multiple overlapping features (here polygons) on a Leaflet map
I have a map with multiple polygons rendered on it which can overlap eachother. I use leafletPip.pointInLayer(point, layer) from https://github.com/mapbox/leaflet-pip for determining which polygons do ...
0
votes
0answers
22 views
How to add condition to HTML code in Vue.js?
I have the following template code:
<template v-for="(index, message) in messages">
{literal}
<div class="message_block {{message.message_type}}" v-if="message.message_type">
<...
0
votes
1answer
17 views
I can not passing data by vue.js
I am new in vue.js..
I use webpack + vue-cli .
But I can't pass the data from parent to child
code like this..
<template lang="html">
<div>
<input v-model="parentMsg"&...
0
votes
2answers
34 views
Display images inside table in Vue JS along with base url (Laravel 5.2)
Well, I am able to display the images properly but it is still giving me javascript errors in console for no reason. Here is my code:
Fetching categories:
fetchCategory: function(){
...
0
votes
1answer
17 views
vue js evaluating a variable when passed to a component
i wonder if this cant be done but i need some advice. I have a Vue JS component as follows
<media class="u-media-top u-padding Media--secondary t-borderleft-{{FetchCompanyName()}} t-borderbottom"...
0
votes
0answers
13 views
How use a ExpressJS, VueJS, Jade together?
What is the best practice to use ExpressJS, VueJS and Jade together?
It's a little bit stupid question, but do I need convert Jade to HTML (like I know, because VueJS can't serve Jade files)?
Do i ...
-1
votes
0answers
21 views
How to show 3 comments then 10 in vue+laravel
I create this function and works fine but problem is when click load more it loads old result also. Anyone know how to remove old object or is there a way i can load first 3 result in paginate but ...
0
votes
0answers
22 views
Vue JWT Authentication is Inconsistent
I'm using VueJS to interact with an API that uses JWT authentication. When a user logs in, I send their credentials to the API and it returns a JWT. I then store that JWT in the local storage and set ...
2
votes
1answer
14 views
Passing data into a Vue template
I am fairly new to vue and can't figure out how to add data values within a template. I am trying to build a very basic form builder. If I click on a button it should add another array of data into a ...
0
votes
0answers
8 views
VueJS/jQuery-Error: Page stuck in 1 of 9 page loads with TypeError: Attempted to assign to readonly property
I got a nasty error on my UIKit/PageKit-based web-app. Sometimes, I can not reproduce the reason for this, I can no longer switch between tabs I created in my modal.
This is the source:
<...
1
vote
1answer
8 views
Vue.js Methods inside the slot is not working
It seems like the methods and data are not working inside the slot. What if we need to use the component methods inside a slot of the component?
<template id="child-template">
<slot name="...
-1
votes
1answer
19 views
How to load specific files in vue component file [on hold]
I have a vuejs app with multiple components. I am using laravel elixir with gulp to make the final build.js
Here is what I want to do:
For every component I have a folder with a component.vue inside ...
-4
votes
0answers
14 views
How to get external html code in to the routes component using Vue.js [on hold]
is there any way to import external html templates in the vue-router?
Something like in the angularJs?
The solutions i found are with npm modules, like browserify.
Is there any other solution?
...
0
votes
0answers
17 views
Vue.js not updating template when changing child objects
I'm extending laravel spark and wanted to try to validate registration before actually sending it off.
All data is handled nicely and correctly from the server but the errors do not pop-up.
The code ...
0
votes
1answer
26 views
Select `optgroup` in vue 1.x
In earlier versions of vue.js you could create a dynamic select list using optgroups like this.
In the newer versions of vue the docs show using v-for in the options, and it appears they no longer ...
0
votes
1answer
33 views
using `filterBy` with dynamic select list
I'm building a form with a long list of select items using vue.js. I'm using the dynamic select list documented here: http://012.vuejs.org/guide/forms.html#Dynamic_Select_Options
However, I want to ...
1
vote
1answer
18 views
Function parameter as this.variable
I'm using Vue.js and would like to use one method for multiple things:
data: {
genders: [],
months: [],
}
methods: {
getModels:function(cat,model) {
$.getJSON('/api/models/' + ...
1
vote
1answer
23 views
Vue js external data object
I'm just starting out and have gone through the Vue guide. I've got some basic grasp on imports and exports of ES6 but wanted to know the ideal way of doing this.
I'll have several components that ...
1
vote
1answer
17 views
Using VueJS with a PHP Variable
I'm attempting to bind a HTML element which contains a string echoed via PHP so that I can use it with VueJS. Essentially what I am going to be doing is switching between GBP and USD depending on some ...
0
votes
1answer
17 views
How to grab a value from vue.js data into a another data parameter
I am using vue.js and vue-qrcode
I store some user data in localStorage and get it correctly.
<template>
<div class="row" style="100%;">
<div class="center-block" style="...
0
votes
0answers
16 views
Vue.JS app polling for WDS in production
I have a front-end js app written with vue.js, bundled with webpack and served by a node back-end api.
When I build the app using my webpack.production.config.js and deploy the app to my server, it ...
0
votes
1answer
16 views
vue karma, how to write unit test
Is there any example how to write test case in vue? The click event not working.
The template in App.vue
<template>
<div class="main">
<textarea v-model="input" id="input" rows="...
1
vote
1answer
24 views
Template are always fragment
I'm using Vue and Brunch in a small project, today I decide to add Vueify to make my components more concise.
But they are always seen has fragment instance so they are not rendered.
<template ...
1
vote
1answer
20 views
How to catch vue-router's “uncaught error during transition”?
There's some error rasied on my page, and vue-router warning:
[vue-router] Uncaught error during transition:
I wonder how to catch it and remove this warning? From vue-router's doc, I cannot find ...
0
votes
1answer
19 views
How to use vue-router in child component only?
I am new to vuejs and have some questions when using it.
I create a root view, with 2 child component in it, the rootview.vue file looks like this:
<template>
<div id="rootView">
&...
0
votes
2answers
11 views
Node webpack dev server failing 'Cannot GET /' in vuejs project
I am getting a super unhelpful message 'Cannot GET /' printed to my browser when I run my node dev server through webpack. I am building a Vuejs application with the following:
VueJs structured in a ...
0
votes
1answer
29 views
Sibling components in Vue.js with vue-router?
I have a few of components mapped to several different routes, and I am wondering if the components created for each route are considered sibling components in terms of how data is passed around? It ...
1
vote
2answers
30 views
array items as models in vuejs
I want to provide form (in vuejs) that adds new input when previous one is filled. Cleared inputs should be removed. At minimum there has to be one input. So far so good, got this in the jsfiddle
...
3
votes
1answer
33 views
Googlebot and other crawlers are clicking on javascript links
We are running Vue.js on one of our applications, and are generating anchor tags with it. Google is crawling this, as we can see from search results. However, it is also crawling with a bot that has ...
2
votes
0answers
25 views
How tell in vue js that a component is not a custom one (<menuitem>)
I use vue.js and it recognize a component (menuitem) as a custom one.
<menu type="context" id="viewerContextMenu">
<menuitem id="firstId"></menuitem>
<menuitem id="...
0
votes
0answers
17 views
webpack CommonsChunkPlugin not working
I want to set vue.js and vue-resource.js into a vendor.js.I compiled vendor.js and injected it into index.html successfully,but the page still reports 'Vue is not defined'.Here's my webpack config:
...
1
vote
1answer
26 views
getting capybara to work with vue.js in rails
I recently added a feature in vuejs and am having trouble testing it.
I created a spec file for simply visiting the page but anything on my html that has logic such as a v-show does not get rendered ...
0
votes
1answer
36 views
Parent/Child methods in Vue JS
I am trying to call a method within a child VUE instance and I can't figure out why it doesn't seem to be working.
My Vue is as follows:
Parent
var content = new Vue({
el: '.content-container',
...
3
votes
0answers
39 views
Access Vue method or event from outside the Vue app
I've been busy with this for quite some time and haven't come up with a solution. The problem is, I want my module built with Require JS and Vue/Vuex to communicate with the outside world.
I don't ...
0
votes
1answer
36 views
Laravel 5.2 web middleware in auth controller causes csrf token mismatch
Can someone explain me the following behavior, when i enable my routes (login, homepage etc) like so:
Route::group(['middleware' => 'web'], function () {
....
});
A Ajax login modal is ...
2
votes
1answer
34 views
Summernote will not edit its content
I am having struggles with summernote.
I am using Vue in combination with laravel and the Inspinia theme (https://wrapbootstrap.com/theme/inspinia-responsive-admin-theme-WB0R5L90S).
I've loaded the ....
0
votes
1answer
21 views
VueJS: Prevent errors on validation
I would like to validate my forms. At the moment I'm getting these errors:
[Vue warn]: You are setting a non-existent path "formTemplates" on a vm instance. Consider pre-initializing the property ...
2
votes
0answers
35 views
How to encapsulate the common functionality in a Vuejs project? Best Practice
I am working with a mid size project utilizing Vuejs as the front-end. The options I am exploring to encapsulate / separate the common methods which may be used in many components include mixins ...
0
votes
1answer
29 views
Diferent if on each item in a vue list
Im making a list with 'v-for' where each item has to have an if with a different value corresponding the array, but the Vue not allows to create a 'v-if' expression starting from {{ i....
0
votes
0answers
25 views
Vue.js: Using propsData in a jasmine test
I am using browserify and vue.js and have a basic Jasmine test working - looks like this:
import Vue from 'vue'
import Cast from '../../../frontend/components/Cast.vue'
describe('Cast.vue', () => ...
0
votes
1answer
21 views
How to include a vue component only when required in spa?
I have made components and saved into different '.vue' files and compiling them with the help of elixir / gulp and of course browserify.
I am including all the components into one js file,
I want ...
0
votes
1answer
24 views
How to show ascending and descending arrow image when click on each table head in Vue js?
I have a listing page, data is fetching using laravel, When I click the table head <th> sorting in ascending and descending data will works. I need to show arrow marks downside and upside when ...
0
votes
1answer
23 views
Vue common component communicate with different parent
I have a requestion, how about vue.js's common component's best practice when communicating with different parent component.
for example, in my scenario, a basic modal component, trigger a 'close' ...
0
votes
1answer
26 views
How can we add sorting for multiple table headings in vue js
How can we add sorting for multiple table heading in vue js? Present status: Sorting is working for firstname only. orderBy 'firstname' order Is it possible to sort more heading like orderBy '...
1
vote
0answers
31 views
Webpack: How do I include a node module's css?
I am using vue-cli to scaffold a Vue.js + Webpack app and am confused how to, as a basic example, include something like Zurb Foundation.
I have installed required dependencies and loaders such as ...
1
vote
3answers
35 views
Laravel maintain a session through ajax login
How am I able to maintain or create a session through Ajax login. I have a Laravel installation not that much different from a basic make:auth installation.
I had to ovewrite some parts of the ...
