第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

vue中怎么通過數(shù)組判斷Input選中狀態(tài)

vue中怎么通過數(shù)組判斷Input選中狀態(tài)

郎朗坤 2018-12-12 19:15:46
現(xiàn)在用v-if貌似只能顯示隱藏，而且也沒有選中input       <div v-for="(item, index) in Data" :key="index">                    <div class="user-sex">                        <label><input v-if="item.sex===1? '' : ''" ref="man" type="radio" name="sex" checked="checked">                            <i></i>男</label>                        <label><input v-if="item.sex===0? '' : ''" ref="woman" type="radio" name="sex">                            <i></i>女</label>                    </div>       </div>
查看完整描述

1 回答

?
青春有我

TA貢獻1784條經驗 獲得超8個贊

<!DOCTYPE html>

<html>


<head>

    <meta charset="UTF-8">

    <title></title>        

    <style type="text/css">


    </style>

</head>

<body>

    <div id="box">        

            <div v-for="(item, index) in items" :key="index">

                    <div class="user-sex">

                        <label><input  ref="man" type="radio" name="sex" :checked="item.val" @change="change">

                            <i></i>男</label>

                        <label><input  ref="woman" type="radio" name="sex" @change="change" :checked="!item.val">

                            <i></i>女</label>

                    </div>

       </div>

        <button @click="sub">提交</button>

    </div>

    <script src="vue.js"></script>

    <script>

        var vm = new  Vue({

            el:"#box",

            data:{                

                items:[{val:true,sex:0}]                  

            },

            methods:{

                sub:function(){

                    console.log(this.items[0].sex);  

                },

                change:function(){

                    this.items[0].sex = (!this.items[0].sex==true)?1:0;

                    

                }

                }

            

        });

    </script>

</body>

</html>


查看完整回答
反對 回復 2019-01-28
  • 1 回答
  • 0 關注
  • 1600 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號