vue.js i radio buttons

Article View: pl.comp.lang.javascript

Article #52014

Back to pl.comp.lang.javascript Previous Next

#52014

From: rePeter
Date: Wed, 20 Feb 2019 12:55

33 lines
3210 bytes

Pomóżcie bo mam pomroczność jasną,
nie potrafię elegancko powiązać vue z html w zakresie pól formularza.
Chodzi o pola typu radio, gdzie wynik wyboru powinien być powiązany z jedną zmienną vue
a chciałbym aby dane do pętli <li> były pobierane z jednego obiektu arrow
którego dwa pierwsze rekordy to właśnie parametry związane ze sobą pola wyboru type="radio" name="stala"
dalsze rekordy to różne pola mieszane które przechowują stany we własnych zmiennych np. arrow.dlugosc.value

Skrótem, jak spowodować aby arrow.stala.value i arrow.stala2.value były tą samą zmienną
przechowującą wybór?

html:
        <ul>
            <li v-for="item in arrow">
                <label>
                    {{ item.label }}
                    <input :type="item.typ" :name="item.name" :value="item.v" v-model="item.value" > {{ item.units }}
                </label>

vue.js:
var data = {
	arrow: {
		stala: {label: 'Stała:', typ: "radio", name: 'stala', v: 175, value: "", units: '175'},
		stala2: {label: '', typ: "radio", name: 'stala', v: 150, value: "", units: '150'},
		dlugosc: {label: 'długość:', typ: "text", value: "", units: 'mm'},
		szerokosc: {label: 'szerokość:', typ: "text", value: "", units: 'mm'},
		...

Z góry dzięki za sugestie.


-- 
pozdrawiam, Peter

Technical Details

Message-ID: <20190220135547.0ff5c5a4@spam.no>

Path:

mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!news.unit0.net!newsreader4.netcologne.de!news.netcologne.de!peer03.ams1!peer.ams1.xlned.com!news.xlned.com!peer03.fr7!futter-mich.highwinds-media.com!news.highwinds-media.com!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-02.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail

Show Full Headers

Complete Article Headers

Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!news.nask.pl!news.nask.org.pl!news.unit0.net!newsreader4.netcologne.de!news.netcologne.de!peer03.ams1!peer.ams1.xlned.com!news.xlned.com!peer03.fr7!futter-mich.highwinds-media.com!news.highwinds-media.com!newsfeed.neostrada.pl!unt-exc-02.news.neostrada.pl!unt-spo-a-02.news.neostrada.pl!news.neostrada.pl.POSTED!not-for-mail
Date: Wed, 20 Feb 2019 13:55:47 +0100
From: rePeter <no@spam.no>
Newsgroups: pl.comp.lang.javascript
Subject: vue.js i radio buttons
Message-ID: <20190220135547.0ff5c5a4@spam.no>
X-Newsreader: Claws Mail 3.17.3 (GTK+ 2.24.32; x86_64-redhat-linux-gnu)
Face: iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAG1BMVEUxAAAICQEfGgMxLBluTiZk VUKokIHZxrfw5cxOzu4dAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAAG68AABuv AV4akRwAAAAHdElNRQfdCgoMORq9hdAwAAAB6UlEQVQ4y72UTW/bMAyG1Q3udhxldOdIXu6LDefc LUrPbVy517WJ5d6LmvkFs3/2XlpJm6ALhu0wAv4AH5F8JRJS6v/Zx2How1t38jgMQ9f4N/4a/r7x vvp6DHwrAVUBOyJJuZUAuHNbHIL3An5W8GbWHoZ4D9DdfidtiLJXcu6Wj9xv3MKQJdLZS7aNW7bc OeeMBiBb5LvSt87dcXBuQVSMIdZG8MW5q7BxDqszAWRtLWAtP+HWzWQxXviYqYAbomkb8tFjjXzI ZvUI0nrg9eiJfoi4Bljp+Xbou1lW0YuZ+Q9EpC0Ar3WW252b7AVEmTkHxs5n0LkrYUjXKknbLgTE PKA2tIoGPKV6d8Hey7k/YylFvbCpWn1+xnnXW+5XOI0sJx2Vq5u7e0qLkhmdKn3+ClYtdpiVLD0M YWHJjiBVCd/TLK0FAG2MLmyskfCDScs2gqH7potcRE/UOVfW7kHfLQAk4lJ9YExBHXgbwVoXsg19 iYgG/sBjCE6GCsmUAoSm9Hsw8JPVURRA8ACt5Oq5fzImbkNAFSP6gRnaR8MMJU3l/VIIc9d2ZuyW ltY6lfilQy7mRl2f0a5EHEUMCUhAQ2OmyX6qvcfTyO8xOLA/AHUCfPobcHYiE4A2kxNg8vubwEz+ 9Q75BXnjpsEcTD9yAAAAAElFTkSuQmCC
MIME-Version: 1.0
Lines: 45
Organization: Telekomunikacja Polska
NNTP-Posting-Host: 109.197.191.229
X-Trace: 1550667347 unt-rea-a-02.news.neostrada.pl 505 109.197.191.229:45624
X-Complaints-To: abuse@news.neostrada.pl
X-Received-Bytes: 3295
X-Received-Body-CRC: 1556760693
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit