美文网首页程序员
element-plus Form-Item 插槽 使用

element-plus Form-Item 插槽 使用

作者: wcmszgdqm | 来源:发表于2022-03-09 13:19 被阅读0次

<el-form><el-form-item> 自定义 label ,通过插槽方式实现

最终要达到的效果,输入框前面的文字部分增加提示信息图标。

图片.png
<el-form-item>
    <template #label>
    商品编号
    <el-popover
      placement="top"
      :width="200"
      effect="dark"
      trigger="click"
      content="编号说明可以看到 element 提供的弹出框没有提供换行的功能"
    >
      <template #reference>
        <el-icon style="vertical-align: sub; cursor: pointer"
          ><Warning
        /></el-icon>
      </template>
    </el-popover>
  </template>
  <template #default>
    <el-input v-model="formSearch.goodsId" placeholder="">
    </el-input
  ></template>
</el-form-item>

相关文章

  • element-plus Form-Item 插槽 使用

    自定义 label ,通过插槽方式实现 最终要达到的效果,输...

  • vue 插槽 slot

    插槽使用 普通插槽 具名插槽 使用具名插槽 从插槽里面传值出来如何接收? 如: 如何判断某个插槽是否被使用 组件内...

  • 【Vue8】插槽

    插槽很重要!插件和模块中会经常使用插槽。 插槽的使用场景 即什么时候使用插槽?比如说这样: 我是插槽slot 父组...

  • vue 插槽slot

    插槽的定义: 插槽的使用:

  • Vue 插槽

    1.插槽的简单使用 在组件中声明一个插槽 使用组件时 可以替换插槽 如果不替换插槽就使用默认值 2.具名...

  • vue插槽

    vue插槽slot的理解与使用 vue slot插槽的使用介绍及总结

  • 【前端Vue】05 - [插槽 ,前端模块化开发,webpack

    1. 插槽 1.1 插槽的基本使用 组件的插槽: 组件的插槽也是为了让我们封装的组件更加具有扩展性。 让使用者可以...

  • vue插槽

    vue插槽使用 1.基本插槽实现父级设置 子级设置 2、使用name设置插槽显示隐藏父组件使用v-slot绑定 子...

  • Vue学习笔记[12]-slot插槽和编译作用域

    为了使组件具有更多的扩展性,需要使用插槽,使用插槽的组件应为可复用的组件,若为不复用组件,则不应该使用插槽. 使用...

  • Vue-使用插槽

    二。具名卡槽 作用域插槽:插槽循环时使用

网友评论

    本文标题:element-plus Form-Item 插槽 使用

    本文链接:https://www.haomeiwen.com/subject/bhrtdrtx.html