tag-标签
标签
使用指南
在page.json中引入组件
{
"usingComponents": {
"el-tag": "component/_tag/tag"
}
}
<el-tab>
属性
名称 | 类型 | 默认 | 说明 | 版本 |
---|---|---|---|---|
color | String | 继承 | 背景演示 | 0.0.3 |
size | String | 5号 | 大小 | 0.0.3 |
plain | Boolean | false | 幽灵 | 0.0.3 |
round | Boolean | false | 圆角 | 0.0.3 |
textColor | String | "" | 文本颜色 | 0.0.3 |
value | String | "" | 值,代替slot卡槽无法更新解决方案. | 0.0.6 |
close | Boolean | false | 是否显示关闭标签按钮,实际不会隐藏自身. | 0.0.6 |
样式
1.局部
名称 | 说明 | 版本 |
---|---|---|
el-tag | 外壳 | 0.0.6 |
el-slot | 由于tag被text所包裹,因此设置外壳的样式可能不被text所使用,这里el-slot将直接设置在text上,详情查看微信文档的text | 0.0.6 |
事件
bindclose
: function (e) {} 触发关闭标签按钮 | 0.0.6
@e.detail
名称 | 说明 | 版本 |
---|---|---|
el | e | 0.0.6 |
使用
<el-tag size='5' color='#F57724' textColor='#FFF' plain round>
背景颜色
</el-tag>
<el-tab-content>
已知问题
Q: tag插槽使用模板语法未更新的问题
A: 受官方设置影响,插槽内使用的模板语法无会更新,在静态且组合模式下推荐使用插槽,当动态值时应当使用value属性来代替,value属性无法使用任何标签。