将按键放到输入框内:

如何将将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>
相关推荐
从后端到QT26 分钟前
Android NDK开发入门2之适应idm环境
前端·javascript·数据库
一念永恒@1 小时前
vue2新增删除
前端·javascript·vue.js
岸边的风1 小时前
vue中mixin的理解,有那些使用场景?
前端·javascript·vue.js
椒盐大肥猫2 小时前
vue3运行时执行过程步骤
javascript·vue.js·ecmascript
骆驼Lara2 小时前
Vue3.5 企业级管理系统实战(一):项目初始搭建与配置
前端·vue.js
黑云压城After2 小时前
uniapp web-view调整修改高度设置
前端·javascript·uni-app
问老大2 小时前
uniapp实现在card卡片组件内为图片添加长按保存、识别二维码等功能
前端·javascript·uni-app
她说她一如既往的爱我2 小时前
如何写一个uniapp自定义tarbar导航栏?
前端·vue.js·windows·uni-app
大大艺术家2 小时前
安装vue脚手架出现的一系列问题
前端·javascript·vue.js
机智的奎哥2 小时前
微信小程序实现长按录音,点击播放等功能,CSS实现语音录制动画效果
前端·javascript·css·微信·微信小程序·小程序