ajax - How set the selected option on a dynamic loaded secondary select with VueJS? -


i have city select:

<select v-model="city">     <option value="" selected>cidade aonde vocÊ estuda</option>     <option value="city1">city 1</option>     <option value="city2">city 2</option>     <option value="cityx">city x</option> </select>

and a school select:

<select v-model="school">     <option         v-for="item in schools"         v-bind:value="item.name"         v-bind:selected="school == item.name"     >         @{{ item.name }}     </option> </select>

this data (filled laravel blade view), may or may not come city , school:

data: {     ...     city: '{{ input::old('city') }}',     school: '{{ input::old('school') }}',     schools: [], },

i have watch on city:

watch: {     'city': '__citychanged', },

this event handler:

__citychanged: function (event) {     this.school = '';      this.__fetchschools(); },

and fetcher:

__fetchschools: function (event) {     if (this.city)     {         this.$http.get('/schools/' + this.city, function (schools)         {             this.schools = schools;         });     } },

almost works fine, problem is, when form reloaded (or redirected on failed validation) , city , school selected, call __fetchschools , fill schools select correctly, not set school selected option, user sees school unselected.

is there way make work using vue?

problem in __citychanged handler, fix:

__citychanged: function (event) {     var city = '{{ input::old('city') ?: (isset($subscription) ? $subscription->city : '') }}';      if (this.city !== city)     {         this.school = '';     }      this.__fetchschools(); },

-

Popular posts from this blog

Apache NiFi ExecuteScript: Groovy script to replace Json values via a mapping file -

i working apache nifi 0.5.1 on groovy script replace incoming json values ones contained in mapping file. mapping file looks (it simple .txt): header1;header2;header3 a;some text;a2 i have started following: import groovy.json.jsonbuilder import groovy.json.jsonslurper import java.nio.charset.standardcharsets def flowfile = session.get(); if (flowfile == null) { return; } flowfile = session.write(flowfile, { inputstream, outputstream -> def content = """ { "field1": "a" "field2": "a", "field3": "a" }""" def slurped = new jsonslurper().parsetext(content) def builder = new jsonbuilder(slurped) builder.content.field1 = "a" builder.content.field2 = "some text" builder.content.field3 = "a2" outputstream.write(builder.toprettystring().ge...
Read more

node.js - How do I prevent MongoDB replica set from querying the primary? -

read-operations-only: is there way have mongodb replica set, make mongodb instance on box connected to, mongodb gets queried? i have 3 ec2 instances behind aws load balancer. on each ec2 instance runs mongodb, part of replica set. i have express endpoints on nodejs , connect replica set follows mongodb.mongoclient.connect('mongodb://1.1.1.1,2.2.2.2,3.3.3.3.', function (err, db) { if (err) { complete('{}'); } else { i distribute load of queries evenly across 3 instances of mongodb replica set instead of default having queries routed ec2 instance primary mongodb defined, because destroys point of load balancer (which balance load of queries across 3 instances evenly). my understanding when connecting mongodb replica set, primary instance selected unless primary instance down, , therefore purpose of every secondary instance serve backup. in example people call hot,cold,cold. because there 2...
Read more