鍍金池/ 問答/HTML/ vue 綁定radio已選中狀態(tài)怎么沒顯示出來？

vue 綁定radio已選中狀態(tài)怎么沒顯示出來？

http://jsbin.com/wemipabeze/1...（已更新）

如果收到radio選中的數(shù)據(jù)

為何vue綁定的input radio 已選中的數(shù)據(jù)無法正常顯示？

抱歉更新一下編輯

有一個大大問題
每組中的radio
如果選擇非已選中的數(shù)據(jù)，其它不會去取消掉。全部選中都是選中狀態(tài)。
這是什么情況呢？
如何讓單選題必須只選中一個，隨便選中其它不會撤掉這是個bug.

回答
編輯回答
喜歡你

在data定義picked的時候出錯了，不應(yīng)該定義為true，應(yīng)該分情況：
1、若默認(rèn)不選中任何值，則將picked定義為""(空)
2、若默認(rèn)顯示某一個，則將picked的值設(shè)置成對應(yīng)的value值，例如默認(rèn)選中value為One的radio,則picked為"One"

希望我的回答對你有所幫助！

2018年4月5日 19:57
編輯回答
毀憶
<!DOCTYPE html>
<html lang="cmn-hans">

<head>
    <meta charset="utf-8">
    <meta http-equiv=X-UA-Compatible content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <script src="https://cdn.bootcss.com/vue/2.5.13/vue.js"></script>
    <title>Vue</title>
</head>

<body>
    <hr>
    <div id="app">
        <input type="radio" id="one" value="One" v-model="picked">
        <label for="one">One</label>
        <br>
        <input type="radio" id="two" value="Two" v-model="picked">
        <label for="two">Two</label>
        <br>
        <span>選中情況: {{ picked }}</span>
    </div>
    <script>
    var app = new Vue({
        el: "#app",
        data: {
            picked: "one"
        },
    });
    </script>
</body>

</html>
2018年4月8日 06:30