将按键放到输入框内:

如何将将Button放到输入框内?

效果图:

步骤如下:

button 外围用template 包裹一层

<template #suffix v-if="row.WorkerRole == 'TPM'">

javascript 复制代码
          <el-input
            type="text"
            v-model="row.JobNumber"
            placeholder="请输入:"
            @change="val => changeInfo(row)"
          >
            <template #suffix v-if="row.WorkerRole == 'TPM'">
              <el-button
                type="primary"
                @click="val => tpmClicked($index)"
                v-if="row.WorkerRole == 'TPM'"
                link
              >
                <el-icon>
                  <Connection />
                </el-icon>
              </el-button>
            </template>
          </el-input>
相关推荐
我有一棵树21 分钟前
file 协议与 http 协议的区别:为什么本地 HTML 无法加载相对路径 JS,以及正确的解决方式
javascript·http·html
有意义26 分钟前
JavaScript 词法作用域与闭包:从底层原理到实战理解
前端·javascript·面试
AY呀39 分钟前
黑马喽大闹天宫与JavaScript的寻亲记:作用域与作用域链全解析
前端·javascript·面试
梦想CAD控件1 小时前
AI生成CAD图纸(云原生CAD+AI让设计像聊天一样简单)
前端·javascript·vue.js
最爱老虎头1 小时前
Konvajs实现虚拟表格
javascript
比老马还六1 小时前
Bipes项目二次开发/设置功能-1(五)
前端·javascript
诸葛亮的芭蕉扇1 小时前
tree组件点击节点间隙的异常问题分析
前端·javascript·vue.js
月弦笙音2 小时前
【Promise.withResolvers】发现这个api还挺有用
前端·javascript·typescript
凡人程序员2 小时前
搭建简易版monorepo + turborepo
前端·javascript
不努力也不会混2 小时前
vite联邦实现微前端(vite-plugin-federation)
前端·vue.js