# Tooltip 文字提示
# 基础用法
<vp-tooltip content="小卡车加油!!!">
<vp-button>VpTooltip-default</vp-button>
</vp-tooltip>
<vp-tooltip placement="bottom" content="小卡车加油!">
<vp-button>VpTooltip-bottom</vp-button>
</vp-tooltip>
<vp-tooltip placement="left" content="小卡车加油!">
<vp-button>VpTooltip-left</vp-button>
</vp-tooltip>
<vp-tooltip placement="right" content="小卡车加油!">
<vp-button>VpTooltip-right</vp-button>
</vp-tooltip>
<script>
export default {
data() {
return {
};
},
methods: {
}
};
</script>
# Tooltip Attributes
属性名 | 类型 | 属性值 | 描述 | 默认值 |
---|---|---|---|---|
placement | String | "top"|"bottom"|"left"|"right" | 位置方向 | "top" |
content | String | 文字提示内容 | "tooltip" |