avalon自定义组件无法发到预期效果,复制demo也不行,官网上没有说要配置环境啊?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<script src=" https://cdnjs.com/libraries/avalon.js"></script>
<body ms-controller='test'>
<!-- 组件开发 -->
<div ms-controller='widget1' >
<xmp ms-widget="{is:'ms-tabs'}">
<div slot="tab">面板1</div>
<hr>
<div slot="tab">面板2</div>
<hr>
<div slot="tab">面板3</div>
<hr>
</xmp>
</div>
</body>
<script>
avalon.component('ms-tabs', {
template: '<div><p>它有{{@num}}个面板</p><slot name="tab"/></div>',
defaults: {
num: 3
}
})
vm = avalon.define({
$id: 'widget1'
})
</script>
</html>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论