html表格选择一行,vue + element table表格如何默认选中第一行

有一个dialog的对话框，我想要在进入对话框的时候默认选中table的第一个

页面dialog部分：

:model="zzc"

:inline="true"

class="form-inline"

label-width="120px"

v-model="zzc.region"

placeholder="请选择"

style="width: 120px"

size="small"

v-model="zzc.informDate"

type="date"

format="yyyy/MM/dd"

placeholder="选择日期"

style="width: 200px"

size="small"

:data="zzc.processInfoList"

element-loading-text="Loading"

:height="480"

style="width: 100%"

:border="true"

fit

highlight-current-row

@current-change="handleCurrentRow"

v-model="scope.row.isReporting"

size="small"

保存

取消

js调用：

dialogForm (row) {

console.log('row', row)

this.dialogFormVisible = true

getProdProcById(row.prodProcId).then(res => {

const _data = res.data

_data.map(item => {

item.informDate = new Date()

})

this.zzc = _data[0]

})

getProdProcById方法返回参数：

html表格选择一行,vue + element table表格如何默认选中第一行相关推荐

Vue Element table表格实现表头自定义多类型动态筛选 , 目前10种筛选类型，复制即用
一.效果图目前10种筛选类型看看是否是你需要的,本文可能有点长 ,我尽可能的给讲清楚,包括源码附上二.无聊发言点击当前行跳转部分数据后缀追加图标某列数据根据状态增加颜色标识三.前言实现 ...
Vue Element table表格实现表格数据动态滚动（无限滚动）
效果 QQ录屏绑定鼠标事件 (实现鼠标进入和出去的时候数据是否滚动)(也可以不写,看自己需求) 滚动方法 :
学习笔记--vue Element 下拉框默认选中
步骤: 1.找到el-select v-model 设置val 2.data里面设置一个默认值 <el-select v-model="ruleForm.areaCode"& ...
动态处理表格多行合并单元格、同时解决hover错乱问题 - Vue Element Table
简介: el-table单元格合并,处理hover错乱问题,自定义底部合计栏. 如图所示: 源码(复制另存txt,修改.html直接运行) <!DOCTYPE html> <html ...
Vue + Element + Table 分页选择勾选和取消勾选的问题
Vue + Element + Table 分页选择勾选和取消勾选的问题问题描述: 需求是这样的===>表格前面每条数据都有复选框吧然后表格有很多页 , 我从第一页选取N条数据再去其他页 ...
element table表格里的多选按钮，根据条件判断是否可以被选中
element table表格里的多选按钮,根据条件判断是否可以被选中 <el-table v-loading="loading" :data="contentLi ...
Vue+ElementUI table表格分页
Vue+ElementUI table表格分页分页的两种方式.前端分页,后端分页.两种方式各有个的优缺点吧. 前端分页:后台只需将数据返回,不需要做过多处理,前端一次请求拿到所有数据后做分页处理.但 ...
vue element计算表格合计问题
vue element计算表格合计问题问题:当表格的el-table-column标签下的属性prop属性值为'对象.属性'时,将不能自动合计. 例如: <el-tableborderv-lo ...
vue element el-table表格勾选求和 el-table 勾选获取表格某几列数据求和
vue element el-table 表格勾选获取几列数据求和 el-table表格勾选求和先看案例如下图所示:el-table 勾选后求出支付金额数据,计算出总金额数据. 我们来一步步分析方便 ...

html表格选择一行,vue + element table表格如何默认选中第一行

html表格选择一行,vue + element table表格如何默认选中第一行相关推荐

最新文章

热门文章