将按键放到输入框内:

如何将将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>
相关推荐
品克缤6 小时前
Element UI MessageBox 增加第三个按钮(DOM Hack 方案)
前端·javascript·vue.js
小沐°6 小时前
vue-设置不同环境的打包和运行
前端·javascript·vue.js
Irene19917 小时前
Vue3 <Suspense> 使用指南与注意事项
vue.js·suspense
qq_419854057 小时前
CSS动效
前端·javascript·css
南村群童欺我老无力.8 小时前
Flutter应用鸿蒙迁移实战:性能优化与渐进式迁移指南
javascript·flutter·ci/cd·华为·性能优化·typescript·harmonyos
花哥码天下8 小时前
恢复网站console.log的脚本
前端·javascript·vue.js
北辰alk8 小时前
Vue 的 nextTick:破解异步更新的玄机
vue.js
北辰alk8 小时前
Vue 技巧揭秘:一个事件触发多个方法,你竟然还不知道?
vue.js
北辰alk8 小时前
Vue 中 computed 和 watch 的深度解析:别再用错了!
vue.js
奔跑的呱呱牛8 小时前
geojson-to-wkt 坐标格式转换
javascript·arcgis