<input type=“radio” v-bind=”对象” v-model=“checked值”> 不生效的问题【已解决】

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

问题：方式1默认项选中不生效（页面已渲染，同方式2），方式2正常

1.源代码

<html>
    <head>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    </head>
    <body>

    <div id="app">
    	<span v-for="obj in radios" v-bind:key = "obj.id">
    	   <!-- 方式1：这种方式不生效，为什么？ -->
    		<input type="radio" v-bind="obj" v-model="radio_default">
    		 <!-- 方式2：这种方式生效 -->
    		<!-- <input type="radio" v-bind:id="obj.id" v-bind:value="obj.value" v-model="radio_default">  -->
    		<label v-bind:for="obj.id">{{obj.value}}</label>
    	</span>
    </div>
    <script>
    var vm = new Vue({
    	el: '#app',
    	data:{
    		radios:[{id:1,value:'one'},{id:2,value:'two'},{id:3,value:'three'}],
    		radio_default:'two'
    	}
    })
     </script>
    </body>
    </html>

2.效果如下：

（1）本地代码

（2）页面渲染效果（和方式2的页面渲染效果一样，但就是不生效，ε=(´ο｀*)))唉）