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"
>
{{ scope.row.procNumb }}
{{ scope.row.procName }}
v-model="scope.row.isReporting"
size="small"
/>
{{ scope.row.reportingTime }}
保存
取 消
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表格如何默认选中第一行的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html5 datalist属性,HTM
- 下一篇: js html转图片 ie8,用js滤镜