为了账号安全,请及时绑定邮箱和手机立即绑定

请问为什么我写的代码一样就是显示不出来

点击了提交什么都不显示

http://img1.sycdn.imooc.com//5d8c6bd70001063f19201030.jpg


正在回答

4 回答

<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

  <title>Todolist</title>

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

 </head>

 <body>

  <div id="root">

 <div>

  <input v-model="inputValue"></input>

 <button @click="handclick">按钮</button>

  </div>

 <ul>

  <!--todo-item 

v-for="(item,index) of list" 

:key="index" 

:content='item'

>

</todo-item-->


  <template-list

v-for='(item,index) of list'

:key='index'

:coent='item'

>

</template-list>

 </ul>

  </div>

<script>

Vue.component('template-list',{

props:['coent'],

template:'<div @click="headldclick">{{coent}}</div>',

methods:{

headldclick:function(){

alert('124')

}

}


})



//Vue.component('todo-item',{

// props:['content'],

// template:'<li>{{content}}</li>'

//})


new Vue({

el:"#root",

data:{

inputValue:"",

list:[]

},

methods:{ 

handclick: function() {

this.list.push(this.inputValue),

this.inputValue=""

}

}

})

</script>

 </body>

</html>


0 回复 有任何疑惑可以回复我~

在页面按F12 查看代码 有提示错误的

0 回复 有任何疑惑可以回复我~

F12看错误

0 回复 有任何疑惑可以回复我~

代码是很诚实的 肯定是有地方写的不对的 另外你不上代码 只发个页面截图怎么帮你找你问题呢?

2 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

请问为什么我写的代码一样就是显示不出来

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信