el-tooltip复合使用

1.结合el-form-item

<el-form-item label="短信内容">
          <span slot="label">
                <el-tooltip placement="top">
                  <div slot="content">
                    短信内容不支持修改，如有修改需要，请联系开发人员
                  </div>
                  <i class="el-icon-question"/>
                </el-tooltip>
            短信内容
              </span>
          <div v-html="smsForm.remark"/>
</el-form-item>

2.结合el-table-column

<el-table-column align="center" prop="ctcPrivilegeFlag">
          <template slot="header">
             <span slot="label">
            <el-tooltip content="若无法绑定邀请码(即未绑定上级)用户，则只能通过人工手动开启C2C交易市场进入权限" placement="top">
              <i class="el-icon-question"/>
            </el-tooltip>
            C2C交易进入权限
          </span>
          </template>
          <template slot-scope="scope">
            <el-switch
              :active-value=1
              :disabled="scope.row.parentName!=null"
              :inactive-value=0
              @change="handlePrivilegeFlagChange(scope.row)"
              active-color="#13ce66"
              inactive-color="#ff4949"
              v-model="scope.row.ctcPrivilegeFlag">
            </el-switch>
          </template>
</el-table-column>