将按键放到输入框内:

如何将将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>
相关推荐
jlspcsdn17 分钟前
20251222项目练习
前端·javascript·html
一 乐23 分钟前
酒店预约|基于springboot + vue酒店预约系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端
前端无涯1 小时前
React/Vue 代理配置全攻略:Vite 与 Webpack 实战指南
vue.js·react.js
JIngJaneIL2 小时前
基于java+ vue交友系统(源码+数据库+文档)
java·开发语言·前端·数据库·vue.js·spring boot·交友
苹果酱05672 小时前
解决linux mysql命令 bash: mysql: command not found 的方法
java·vue.js·spring boot·mysql·课程设计
拉不动的猪2 小时前
回顾计算属性的缓存与监听的触发返回结果
前端·javascript·vue.js
树欲静而风不止慢一点吧3 小时前
小米手环9应用/游戏开发快速入门
前端·javascript·小程序
用户313050086273 小时前
JavaScript中的迭代器和生成器
javascript
小七不懂前端3 小时前
我用 NestJS + Vue3 + Prisma + PostgreSQL 打造了一个企业级 sass 多租户平台
前端·vue.js·后端