将按键放到输入框内:

如何将将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>
相关推荐
yvvvy2 分钟前
HTTP 从 0.9 到 3.0,一次穿越 30 年的网络进化之旅
前端·javascript
复苏季风26 分钟前
聊聊 ?? 运算符:一个懂得 "分寸" 的默认值高手
前端·javascript
luckyCover1 小时前
js基础:手写call、apply、bind函数
前端·javascript
Dragon Wu2 小时前
前端 下载后端返回的二进制excel数据
前端·javascript·html5
Juchecar3 小时前
Vue 3 推荐选择组合式 API 风格(附录与选项式的代码对比)
前端·vue.js
uncleTom6663 小时前
# 从零实现一个Vue 3通用建议选择器组件:设计思路与最佳实践
前端·vue.js
爪洼守门员3 小时前
安装electron报错的解决方法
前端·javascript·electron
web前端进阶者3 小时前
electron-vite_19配置环境变量
前端·javascript·electron
用户3802258598243 小时前
实现虚拟列表
前端·javascript
yede3 小时前
uniapp - 自定义页面的tabBar
vue.js·uni-app