ul addToList
史劲
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="js/vue.js"></script>
</head>
<body>
<div id="example">
<ul v-if="list.length<=10">
<li v-for="value in list">
{{value}}
</li>
</ul>
<button v-on:click="addToList">按钮</button>
</div>
<script type="text/javascript">
new Vue({
el:'#example',
data:{
list:[100,200,300]
},
methods:{
addToList(){
var num=parseInt(Math.random()*100); //也可以用Math.floor
this.list.push(num);
}
}
});
</script>
</body>
</html>
类似资料：