Vue + Ant design 实现鼠标悬浮文字提示

1. 效果一

1）思路：利用控件的title属性

注：不是所有的控件都有这个属性，见相关文档说明。

2）代码

<a-radio-group v-model="form.tolCode" ><a-radio-button value="1" title="平面度"><icon-font type="icon-tx-pinghangsibianxing" style="font-size:16px" /></a-radio-button></a-radio-group>

2.效果二

1）思路：利用tooltip控件

2）代码

<a-radio-group v-model="form.sign"><a-tooltip><template slot="title">说明文字</template><a-radio-button value="0"><icon-font type="icon-cucaodu" /></a-radio-button></a-tooltip></a-radio-group>