满口金牙 2021-11-26 19:28 采纳率: 92.4%
浏览 52
已结题

vue 表格点编辑 button , 怎么让光标跳到本行的某个 input 框


<template>
    <el-table  :data="searchResult">
        <!-- 自动生成的列,fieldList为包含列名的数组,[['中文字段名','英文字段名'],[]...],用以自动生成列,子数组[0]是中文字段名 ,子数组[1]是key--->
        <el-table-column align='center' v-for="item in fieldList" :key="item" :label= "item[0]">
            <template #default="scope">
              <el-input :ref = "e=>{editFocus[item[1]]=e}" v-show="scope.row.show" v-model="scope.row[item[1]]"></el-input>
              <span v-show="!scope.row.show">{{scope.row[item[1]]}}</span>
            </template>
        </el-table-column>
        <!-------固定列--------------编辑按钮--------------------------------------------------------->
        <el-table-column  label="操 作" width="260">
          <template #default="scope">
            <el-button @click="scope.row.show =true;moveFocus(scope.$index, scope.row)" >
              编辑</el-button>
          </template>
        </el-table-column>
    </el-table>
</template>
<script>
import { ref, reactive, nextTick } from 'vue'
export default {
  name: 'Category',
  setup(props) {
    const editFocus = ref([])
    // 表格数据
    const searchResult = [
      {'id':1,'category':'家电','name':'电视','date':'2021-1-1','show':false},
      {'id':2,'category':'家电','name':'洗衣机','date':'2021-1-1','show':false}
      ]
    // 列名的数组,用来自动生成列
    const fieldLIst =[['编号','id'],['分类','category'],['名称','name'],['日期','date']]
    function moveFocus(index,row){
      // 当点编辑按钮时怎么把 光标 自动跳到当前行的  id列的 input 框
    }
    return {
      editFocus,
      searchResult,
      fieldLIst,
      moveFocus
    }
  }
} 
</script>

会的帮写完 function moveFocus(index,row){} 函数

  • 写回答

1条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 12月5日
      • 已采纳回答 11月27日
      • 赞助了问题酬金 11月26日
      • 创建了问题 11月26日

      悬赏问题

      • ¥15 ABAQUS简单的带传动系统运转不了
      • ¥15 关于git actions自动部署的问题
      • ¥25 小程序 view wx:for 循环太多时,如何在循环结束执行某个事件?
      • ¥15 曲率模态差matlab程序计算
      • ¥15 大概算是比较简单的坐标系旋转问题
      • ¥15 关于#python#的问题:安装完gym环境后
      • ¥15 关于稳像云台姿态控制中相机姿态误差表征
      • ¥15 求sm16306s驱动例程
      • ¥15 本地生活媒体平台口碑选品怎么获得权限
      • ¥15 R语言 回归树/袋装树/随机森林预测