webBG - програмисти, машинно обучение, javascript, python, php, питам, говорим, публикации

как да направя бутона за избор отметнат по подразбиране във vuejs?

Използвам VueJs в проекта, когато статусът на радио бутона за зареждане на страницата трябва да бъде проверен status need, след това при промяна на радио бутона, по-долу div трябва да се скрие и покаже. Написах кода по-долу, но той не работи:

html
----
<div id="demo">
  <input type="radio" value="male" v-model="male" v-bind:checked="checked" />
   <input type="radio" value="male" v-model="male" v-bind:checked="unchecked" />
</div>

javascript
---------
new Vue({
    el: '#demo',
  data: {
    checked: true
  },
methods:{
  onChange:function(){
   checked=false;
}
}
})
vue.js vuejs2
24.05.2017

Отговори:


1

Очевидно Vue ще провери входа, ако обвързаната стойност е същата като входната стойност:

Вижте тази цигулка: https://jsfiddle.net/v7zj4c13/188/

<input type="radio" name="gender" value="female" v-model="gender"/>
<input type="radio" name="gender" value="male" v-model="gender"/>

new Vue({
    el: '#demo',
    data: {
        gender: "female"
    }
})

Кодът по-горе ще провери женския вход, а не мъжкия

24.05.2017
  • базиран радиобутон div трябва да бъде show hide, как мога да направя jsfiddle.net/v7zj4c13/1 24.05.2017
  • Помогна ми да осъзная, че атрибутът checked не задава стойност на свойството v-model при инициализация. Благодаря. 24.03.2019

    • 2

    Сега трябва да изберем между 2 условия. Така че трябва да използваме входна радио група.

    <b-form-radio-group v-model="gender">
    <input type="radio" value="female"/>
    <input type="radio" value="male"/>
</b-form-radio-group>

    И можете да зададете жена или мъж като променлива начална стойност на пола.

    data() {
    return {
        ...
        gender: 'female',
        ...
    }
}

    Ако използвате бутона за избор като отделен елемент, а не като групов елемент. Неговата променлива v-model трябва да е уникална, също така можем да зададем като опция с отметка по подразбиране като тази.

    <input type="radio" value="female" v-model="gender"/>
<input type="radio" value="1" v-model="isOnline"/>

data() {
    return {
        ...
        gender: 'female',
        isOnline: 0,
        ...
    }
}
    16.08.2020
    Нови материали
    Създайте разширение за Chrome с помощта на Angular
    Този урок е базиран на манифеста на разширението на chrome версия 3 (MV3), а също и на Angular версия 2+ (2, 3 и...). Ако не сте използвали манифест версия 3, можете да следвате този урок ,..
    За да научите нов език за програмиране, започнете отначало
    Първоначално публикувано на http://www.mberlove.com/blog/a-new-programming-language-starting-over/ Програмистите се гордеят със способността си да усвояват лесно нови умения , разчитайки..
    5 Youtubers на Data Science, които трябва да следвате
    Защото всички можем да се справим с малко продуктивно отлагане Всички сме падали в заешката дупка на Youtube, така че защо да не я направим продуктивна?! Като непрекъснато нарастващ източник..
    Бих казал, че точно това е проблемът с Twitter — това е инструмент на суперпотребител.
    Бих казал, че точно това е проблемът с Twitter — това е инструмент на суперпотребител. По същия начин, по който суперкодерът сочи vim като единствения начин за кодиране, но останалите от нас..
    Основи на Gradio
    Gradio е най-ефективният метод за демонстриране на вашия модел на машинно обучение и разполага с удобен за потребителя онлайн интерфейс, който го прави достъпен от всяко място. Какво прави..
    Илюстрация (GIF) за обяснение на дълбоки конволюционни мрежи (DCNN)
    В света на компютърното зрение най-основният и често срещан алгоритъм за разпознаване на изображения е конволюционната мрежа. С популярността на рамки като tensorflow и pytorch, стана по-лесно да..
    Python Bootcamp — Data Science Day 165
    Python Bootcamp от Giles McMullen-Klein беше абсолютно невероятно. Джайлс има този уникален начин да улови аудиторията си, като същевременно прави съдържанието на курса много интересно...