el-form表单label添加icon提示和必填校验

最新推荐文章于 2024-08-20 10:21:50 发布

口袋の的天空

最新推荐文章于 2024-08-20 10:21:50 发布

阅读量5.3k

点赞数

分类专栏： vue2.0 elementui 文章标签：前端

本文链接：https://blog.csdn.net/qq_39928481/article/details/124369419

版权

vue2.0 同时被 2 个专栏收录

42 篇文章 3 订阅

订阅专栏

elementui

13 篇文章 0 订阅

订阅专栏

像下面这样，表单前面必填校验，再在label前面添加Icon 提示悬浮文字。
如何实现呢？
在这里插入图片描述
如下：
el-form-item标签上的label标签写在span的slot上

              <el-col :span="12" v-if="addMenuForm.type == '0' || addMenuForm.type == '1'">
                <el-form-item prop="url">
               	  //标签
                  <span slot="label">
                    <el-tooltip content="选择是则会被`keep-alive`缓存，需要匹配组件的`name`和地址保持一致" placement="top">
                    <i class="el-icon-question"></i>
                    </el-tooltip>
                    路由地址
                  </span>
                  //输入框
                  <el-input v-model="addMenuForm.url" placeholder="请输入路由地址"></el-input>
                </el-form-item>
              </el-col>