master

分支 (1)

管理

管理

master

vue-test
/
7、循环.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/vue.js"></script>
</head>
<body>
    <div id="app">
        <ul>
            <li v-for="(user,index) in userList" :key="user.id">
                索引{{index}}-----姓名：{{user.name}} ---- 编号{{user.id}}
            </li>
        </ul>

        {{userId}}
        <select v-model="userId">
            <option v-for="user in userList" :key="user.id" :value="user.id">
                {{user.name}}
            </option>
        </select>
    </div>

    <script>
        var vueObj = new Vue({
            el:"#app",
            data:{
                userList:[{name:'乔峰',id:90},{name:'虚竹',id:86},{name:'段誉',id:50}],
                userId:86
            }
        });
    </script>
</body>
</html>