數(shù)組結果出不來
??? <body>
??????? <div id="root">
??????????? <input v-model="inputvalue" />
??????????? <button @click="handlesubmit">提交</button>
??????? </div>
??????? <ul>
??????????? <li v-for="(item,index) of list" :key="index">
?????????? ??? ?{{item}}
??????????? </li>
??????? </ul>
?? ?</body>
?? ?<script>
?? ??? ?new Vue({
?? ??? ???? el:"#root",
?? ??? ???? data:{
?? ??? ??? ??? ?inputvalue:'',
?? ??? ??? ??? ?list:[]
?? ??? ???? },
?? ??? ???? methods: {
?? ??? ??? ??? ?handlesubmit:function(){
?? ??? ??? ??? ??? ?this.list.push(this.inputvalue)
?? ??? ??? ??? ??? ?this.inputvalue=''
?? ??? ??? ??? ?}
?? ??? ???? }?? ??? ????? ??? ??? ???? ??? ??? ??? ?
?? ??? ?})
?? ?</script>
2020-04-15
你 ul li 放掛載點div外面了 還有你腳本放body外面了
2018-09-26
<body>
<div id="root">
<input v-model="content" />
<button @click="handle">提交</button>
<ul>
<li v-for="(item,index) of list" :key="index">{{item}}</li>
</ul>
<script>
new Vue({
el: "#root",
data:{
content:"",
list:[]
},
methods:{
handle:function(){
this.list.push(this.content);
this.content="";
}
}
})
</script>
</body>
2018-09-03
ul 不在掛載點內(nèi) 超出作用范圍
2018-08-27
函數(shù)名命名使用駝峰命名法handleSubmit
2018-08-07
<script>包含在</body>外了
2018-08-07
你的id=root包裹的不對，只包裹到button那邊，并沒有包裹到ul
2018-08-06
v-for="(item,index) of list" :key="index"? ? 放在ul中
2018-08-06
??????? <div id="root">
??????????? <input v-model="inputvalue" />
??????????? <button @click="handlesubmit">提交</button>
<!--把渲染的目標寫在div里，仔細點，哈哈-->
??????? <ul>
??????????? <li v-for="(item,index) of list" :key="index">
??????????????? {{item}}
??????????? </li>
??????? </ul>
??????? </div>