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

像下面这样,表单前面必填校验,再在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>

猜你喜欢

转载自blog.csdn.net/qq_39928481/article/details/124369419
今日推荐