Vue-admin-template 的表格获取下标

简介: Vue-admin-template 的表格获取下标


直接上代码:

 <el-table-column label="14号" width="100">
          <template #default="scope">
            <input
              type="text"
              @change="getItem(scope.$index)"
            />
          </template>
        </el-table-column>

可以使用scope.$index 作为下标获取


相关文章
|
1月前
|
JavaScript vr&ar
vue3通过ref获取dom元素并修改样式
vue3通过ref获取dom元素并修改样式
219 0
|
1月前
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
【UI】 vue2 修改elementui 表格table 为空时暂无数据样式
83 1
|
1月前
Vue3-admin-template的表格合计计算
Vue3-admin-template的表格合计计算
|
1月前
Vue3-admin-template 导入模板功能
Vue3-admin-template 导入模板功能
|
1月前
|
JavaScript
vue3如何通过ref属性获取界面上的元素?
vue3如何通过ref属性获取界面上的元素?
14 0
|
1月前
|
JavaScript 索引
Vue3——element-plus表格组件怎样得到当前行的id
Vue3——element-plus表格组件怎样得到当前行的id
117 0
|
11月前
|
XML JavaScript 前端开发
Vue 的 template 模板相关语法
Vue 的 template 模板相关语法
83 0
|
1月前
|
数据格式
Vue3中el-table表格数据不显示
Vue3中el-table表格数据不显示
|
7月前
|
JSON JavaScript 前端开发
vue-element-admin实现一个可编辑的table
vue-element-admin实现一个可编辑的table
66 0
|
8月前
|
JavaScript API
Vue + ElementUI el-input无法输入、修改、删除的问题
# 1、业务背景 查询资料此问题出现的原因是:vue页面进行数据渲染时,层次嵌套或者多重数据绑定导致该组件信息框数据不能被Vue实时监听到,以此出现了数据发生改变但页面上更新或删除对应信息框的数据毫无反应的现象,此时需要强制更新,重新渲染。 # 2、代码示例 ## 1)核心代码 ```html <el-input type="textarea" clearable placeholder="请输入测试文本:" v-model="form.Message" @input="changeMessage($event)"> </el-input> ``` 方法: ```j
179 0