自定义element ui的表单的label添加图标与提示文字

最新推荐文章于 2025-02-14 17:14:29 发布

暴富的im

最新推荐文章于 2025-02-14 17:14:29 发布

阅读量1.9k

点赞数

文章标签： ui vue.js javascript elementui

本文链接：https://blog.csdn.net/qq_59626859/article/details/131457376

版权

文章展示了在前端界面中如何设置有无免赔额的选项，其中详细解释了免赔额的概念。当发生赔偿情况时，无免赔额方案下保险公司全额赔付，而有免赔额方案中，一定额度内由卖家承担。用户可通过选择radio按钮来设定规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目标样式:

  <el-row>
          <el-col :span="10">
            <el-form-item prop="deductible">
              <template slot="label">
                免赔额:
                <el-tooltip
                  style="diaplay: inline"
                  effect="light"
                  placement="top"
                >
                  <div slot="content" style="width: 300px">
                    有免赔额和⽆免赔额之间的差别是什么？假设卖家的产品因为质量问题对消费者产⽣伤害被投诉需赔偿⽆免赔⽅案中，保司必须全额赔付，但有免赔额⽅案中，则1万美⾦以内，需要卖家⾃⾏承担。⽬前有/⽆免赔额⽅案均能审核通过。
                  </div>
                  <i class="el-icon-question" />
                </el-tooltip>
              </template>
              <el-radio-group v-model="ruleForm.quote.deductible">
                <el-radio label="否">0免赔额</el-radio>
                <el-radio label="是">有免赔额</el-radio>
              </el-radio-group>
            </el-form-item>
          </el-col></el-row
        >