将按键放到输入框内:

如何将将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>
相关推荐
Cc_Debugger3 分钟前
开发环境使用https配置
javascript·vue.js·https
BreezeJiang7 分钟前
从一棵树到一亿人:算法世界的"深搜"哲学
javascript
廖磊AI编程13 分钟前
AI 编程项目缺少 Bun 时,如何用 BVM 安装和验证运行时
javascript
触底反弹14 分钟前
🎨 通义万相实战:用 Qwen 多模态 API 实现 AI 换装换姿势,10 行代码搞定!
vue.js·人工智能
#麻辣小龙虾#24 分钟前
vue3基于leaflet.js实现地图编辑功能
javascript·ecmascript·leaflet.js
AHRIKNOW28 分钟前
写一个 Fetch 封装库,没那么简单
javascript
渣波32 分钟前
手把手教你写出优雅的 API 接口调用
前端·javascript
spmcor32 分钟前
JavaScript 日期限制的“三个月陷阱”:从边界溢出到稳健实现
javascript
半个落月33 分钟前
Ajax 异步编程全攻略:从 XHR 到 async/await
javascript
零瓶水Herwt36 分钟前
代替vue-currency-input使用原生货币符号
前端·vue.js