请老师帮忙查看代码，显示有点问题，谢谢
来源：1-9 使用插槽和具名插槽解决组件内容传递问题（1）
叫我丽红
2021-10-14 10:27:27
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lesson 3</title>
<script src="https://unpkg.com/vue@next"></script>
</head>
<body>
<div id="root"></div>
</body>
<!-- 样式绑定语法 -->
<script>
const app = Vue.createApp({
template:`
<myform>
<div>提交</div>
<myform />
<myform>
<button>提交</button>
<myform />
`
});
app.component('myform',{
methods:{
handleClick(){
alert(123)
}
},
template:`
<div>
<input />
<span @click="handleClick">
<slot></slot>
</div>`
})
const vm = app.mount('#root');
</script>
</html>
1回答
-
好帮手慕星星
2021-10-14
同学你好，代码问题如下：
1、myform闭合标签写的不对，斜杠应该在左侧
2、span标签缺少斜杠闭合
祝学习愉快！
0
相似问题