【页面文字提示添加判断内容Tooltip】

---

页面内容添加文字提示

1.不带判断

<template>
  <a-tooltip placement="bottom">
    <template slot="title">
      提示的文字
    </template>
    被作用内容
  </a-tooltip>
</template>

2.带判断内容

<template>
  <a-tooltip placement="bottom">
    <template slot="title" v-if="item.type==='xx'">
      提示的文字
    </template>
    被作用内容
  </a-tooltip>
</template>

3.提示的内容需进一步判断

<template>
  <a-tooltip placement="bottom">
    <template slot="title">
      <span v-if="item.type==='1'">提示内容1</span>
      <span v-if="item.type==='2'">提示内容2</span>
    </template>
    被作用内容
  </a-tooltip>
</template>

4.继承父标签的label需要添加文字提示

<!-- template中添加属性label
	<div :label=""></div>
	父标签携带label，迁移到template后删去label -->
<template slot="label">
  <a-tooltip placement="bottom">
    <template slot="title">
      提示的文字
    </template>
    被作用内容
  </a-tooltip>
</template>