avalon组件同名属性存在问题
avalon不同组件嵌套使用如果两个套件有相同属性名会存在问题
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../lib/avalon.js"></script>
<link href="./index.css" rel="stylesheet" />
<script>
var vm = avalon.define({
$id:"test-ant",
size:"small",
shape:"circle-outline",
type:"ghost"
})
avalon.component("ms-icon",{
template:"<i ms-class='[\"anticon\",\"anticon-\"+@type]'></i>",
defaults:{
type:''
}
})
avalon.component("ms-button",{
defaults:{
prefixCls:'ant-btn',
type:undefined,
htmlType:'button',
shape:undefined,
size:undefined,
loading:false,
className:'',
sizeCls:function(){
if(this.size){
return this.prefixCls+"-"+({
large:'lg',
small:'sm'
})[this.size];
}
return ""
},
getCls:function(k){
return this[k]?this.prefixCls+"-"+this[k]:"";
},
buttonText:"test"
},
soleSlot:"buttonText",
template:'<button ms-attr="{type:@htmlType}" ms-class="[@prefixCls,@sizeCls(),@getCls(\'type\'),@getCls(\'shape\'),@getCls(\'loading\')]"><slot name="buttonText"></slot></button>'
})
</script>
</head>
<body ms-controller="test-ant" style="padding: 50px">
<ms-button ms-widget="{type:@type}"><ms-icon ms-widget="{type:'search'}"></ms-icon></ms-button>
</body>
</html>这样导致icon组件的type没法正常显示。
这个是bug还是设置有问题。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
我看到i标签已经有 anticon anticon-ghost
还不对吗
不对哦。icon要显示的应该是anticon anticon-search