VUE V-FOR для прохождения объектов в массиве, чтобы отобразить с текстовым полем «Тип ввода» и «Выбрать опцию» на страни ⇐ Javascript

[Anonymous]

Приведенный ниже код является рабочим кодом. Столбцы «Дополнительные» отображаются правильно, как простое поле ввода. Но я хотел бы отредактировать этот код, чтобы «выбрать» опцию для «секса» и «города». Было бы здорово, если бы кто -то дал предложение. Спасибо. < /P>
function student(){
this['name']='',
this['age']='',
this['course']='',
this['additional']=[]
}

function additional(){
this['sex']='',
this['phone']='',
this['city']=''
}

var student = new student();

var data=new Vue({
el="#app",
data(){
return{
student:student,
sexOptions:['Male','Female'],
cityOptions:['city1','city2','city3']
}
},
mounted(){
},
methods: {
createadditional: function(){
var val = this.student['course'];
var len = this.student['additional'].length;
var diff = val - len;

if(diff < 0){
this.student['additional'].splice(diff);
}else if (diff > 0){
while (len < val){
var newadditional = new additional();
this.student['additional'].push(newadditional);
len++;
}
}
},
},
watch:{
},
computed: {
additional_display: {
get: function(){
return this.student['additional'].slice(0,this.student['course']);
},
},
}
});



Name:
Age:
Course:





Nbr
Sex
Phone
City



{{additional_display.indexOf(school)+1}}

{{key}}









< /code>
Я хотел бы, чтобы код был подобным ниже, но не правильно - значения не проходят через действие, когда я нажимаю «Сохранить». < /p>

{{additional_display.indexOf(school)+1}}


{{ option }}





Подробнее здесь: https://stackoverflow.com/questions/797 ... e-text-box