请问为什么我写的代码一样就是显示不出来
慕仙5167627
2019-09-26 15:42
点击了提交什么都不显示
4回答
-
- 慕的地2242390
- 2020-06-11 18:05:58
<!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>
-
- 慕移动5193967
- 2020-02-29 20:16:10
在页面按F12 查看代码 有提示错误的
-
- qq_正年轻_0
- 2019-12-23 15:45:25
F12看错误
-
- 慕雪2242745
- 2019-09-26 18:19:11
代码是很诚实的 肯定是有地方写的不对的 另外你不上代码 只发个页面截图怎么帮你找你问题呢?
vue2.5入门
146742 学习 · 657 问题
相似问题