为什么选性别会导致兴趣都选中-vue
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><% String path = request.getContextPath(); String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";%><html lang="zh-CN"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1"><base href=""><title>Vue indextitle><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"> Bootstrap core CSS --><link href="js/b/css/bootstrap.min.css" rel="stylesheet"> Custom styles for this template --><link href="css/jumbotron.css" rel="stylesheet"><script src="js/vue.js">script>head><body><div class='container' id="example"><form>姓名:<input type="text" v-model="data.name" placeholder=""><br />性别:<input type="radio" id="man" name="gender" value="One" v-model="data.sex"> <label for="man" >男label><input type="radio" id="male" name="gender" value="Two" v-model="data.sex" ><label for="male">女label><br />兴趣:<input type="checkbox" id="book" value="book" v-model="data.intrerest" ><label for="book">阅读label><input type="checkbox" id="swim" value="swim" v-model="data.intrerest" ><label for="swim">swimlabel><input type="checkbox" id="game" value="game" v-model="data.intrerest" ><label for="game">gamelabel><input type="checkbox" id="song" value="song" v-model="data.intrerest" ><label for="song">songlabel><br />身份:<select v-model="data.identity"> <option value="teacher" selected>教师option> <option value="doctor" >医生option> <option value="lawyer" >律师option>select>form>div><script type="text/javascript"> new Vue({ el:"#example", data:{ data:{ name:"", sex:"", interest:[], identity:"" } } });script>body>html>
为什么呢?