iview,table组件怎么用代码设置当前选中行

iview,table组件怎么用代码设置当前选中行

慕田峪4524236
浏览 10685回答 2
2回答

天涯尽头无女友

1.鼠标点击选中Table props:highlight-row 是否支持高亮选中的行,即单选 Boolean false;<Table&nbsp;highlight-row&nbsp;:columns="columns"&nbsp;:data="data1"></Table>2.指定某行,或多行显示Table props:row-class-name 行的 className 的回调方法,传入参数:row:当前行数据index:当前行的索引 Function -<Table&nbsp;:row-class-name="rowClassName"&nbsp;:columns="columns"&nbsp;:data="data"></Table>methods:&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;rowClassName&nbsp;(row,&nbsp;index)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(index&nbsp;===&nbsp;1)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;'demo-table-info-row';&nbsp;//&nbsp;样式名 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;else&nbsp;if&nbsp;(index&nbsp;===&nbsp;3)&nbsp;{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;'demo-table-error-row';&nbsp;//&nbsp;样式名 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;return&nbsp;''; &nbsp;&nbsp;&nbsp;&nbsp;} }

幕布斯6054654

不要用他默认table的selection,自己生成复选框,自己做选中,iview自己的多选有点鸡肋
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript