el-input slot 插槽如何添加多个按钮

小码蚁啊

于 2023-03-31 10:03:05 发布

阅读量1.7k

点赞数 1

分类专栏： Web 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_36802726/article/details/129873241

版权

Web 专栏收录该内容

47 篇文章

订阅专栏

这段代码展示了在Vue中如何使用el-input组件，设置占位符和v-model绑定输入值，并在输入框后添加自定义的按钮。用户可以输入内容，点击按钮1或按钮2进行相应操作。

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

<el-input placeholder="请输入内容" v-model="inputValue">
  <template slot="append">
    <el-button>按钮1</el-button>
    <el-button>按钮2</el-button>
  </template>
</el-input>

效果：