html - Set v-model to be a key in array (v-model.key="someArray") -


i'm doing filter page , need store filter name , filter value, purpose, have structure that:

data: { attributes: { checkboxes: [], strings: { keys: [], values: [] }, ...

and html (btw i'm using laravel blade that's not relevant here):

... @if ($atribut->type == 'checkbox')    <label class="btn btn-default" for="{{ $atribut->tag }}"> {{ $nom }} <input v-model="attributes.checkboxes" class="badgebox" id="{{ $atribut->tag }}" type="checkbox" value="{{ $atribut->id }}"><span class="badge">&check;</span></label>    <br>    <br> @endif @if ($atribut->type == 'string')   @php $nom = obj_array_find(db::table('literals')->get(), $atribut->nom, 'id')->cat @endphp   <input type="hidden" v-model="attributes.strings.keys" value="{{ $atribut->id }}">   {!! form::text($atribut->tag, null, ['class' => 'form-control', 'placeholder' => $nom, 'v-model' => 'attributes.strings.values']) !!}   <br> @endif ...

the question is, possible have that:

<input type="hidden" v-model.key="attributes.strings" value="{{ $atribut->id }}"> {!! form::text($atribut->tag, null, ['class' => 'form-control', 'placeholder' => $nom, 'v-model.value' => 'attributes.strings]) !!}

to answer specific question, v-model bind 1 key value pair, don't need assign key.

the way structured input binding input box bind object value field , you'll see [object object] in input box.

i created jsfiddle shows how bind model. assumed data modeled in list format below. 

attributes: [     {checkboxes: [1], strings: { keys: [1], values: ['tomato'] }},     {checkboxes: [2], strings: { keys: [2], values: ['potato'] }} ]

i offered json object watch data update each of these 2 keys. in debugging trying go.

jsfiddle doesn't have way render laravel blade, here blade version:

<input v-for="attribute in attributes" type="hidden" v-model="attribute.strings.values" value="1"> {!! form::text('bam', null, ['v-for' => 'attribute in attributes', 'class' => 'form-control', 'placeholder' => 'boom',          'v-model' => 'attribute.strings.values']) !!}

if, mention @ beginning of question, looking create filter (i assume autocomplete type object?), wouldn't way it.

hope helps.


Comments

Post a Comment

Popular posts from this blog

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -

i've set bento/ubuntu-16.04 vagrant box using php 5.6, , getting following error quite few times when try , run shell script: "uncaught reflection exception: class domdocument not exist". i've tried adding following top of script (not together), each no success: "sudo apt-get install php5.6-xml", "sudo apt-get install php5-xml", "sudo apt-get install php-dom" i've tried resetting server "sudo service apache2 restart". does have suggestions?
Read more

vue.js - Create hooks for automated testing -

Image
qa guys complained can't automate frontend testing. because our html looks same outside. lazy hack did this <template> <div :role="$options.name"> ... </div> </template> <script> export default { name: 'vmcomponentname' } </script> which takes name script , applies html. in browser get: <div role="vmcomponentname"> ... </div> line :role="$options.name" goes in every component. is there dry er solutions? please share. additional details i'll explain in details looking for. imagine have vmusercreate form creates user. test case can create user . to automatically test without role, have use following selector: .wrapper > .wrapper > .wrapper > .submit-button the test extremely brittle (will break lot). if use roles can use [role="vmusercreateform"] .submit-button selector. many folds less brittle. so basically, i'm ...
Read more

Add new key value to json node in java -

i have json file : { "id":1, "name":"abc", "addressdetails": { "city":"newyork" } } i wanted add 1 more key-value ("pincode" : "414141") node 'addressdetails'. i tried using : objectmapper mapper = new objectmapper(); jsonnode root = mapper.readtree(new file("d://test.json")); objectnode node = mapper.createobjectnode(); node.with("addressdetails").put("pincode", "414141"); but it's not getting added, there way can ? you can try you should modify file path objectmapper mapper = new objectmapper(); objectnode nodes = mapper.readvalue(new file("d:\\test.txt"), objectnode.class); nodes.with("addressdetails").put("pincode", "414141"); mapper.writer().writevalue(new file("d:\\test.txt"), nodes);
Read more