點擊事件

on: {click: () => {this.handleShow(params.row) //點擊事件}}

title設置

domProps: {title: params.row.noticeTitle //添加title屬性},

過長部分截取顯示省略號

style: {overflow: 'hidden',textOverflow: 'ellipsis',whiteSpace: 'nowrap',display: 'block' //設置樣式，超過文字省略號顯示},

具體代碼：

column：[{title: '標題',key: 'noticeTitle',tooltip: true,sortable: 'custom',align: 'left',render: (h, params) => {return h('div', [h('a', {props: {type: 'primary',size: 'small'},style: {marginRight: '5px',color: '#515a6e',fontSize: '13px',overflow: 'hidden',textOverflow: 'ellipsis',whiteSpace: 'nowrap',display: 'block' //設置樣式，超過文字省略號顯示//cursor: 'auto' //設置鼠標樣式},domProps: {title: params.row.noticeTitle //添加title屬性},on: {click: () => {this.handleShow(params.row) //點擊事件}}}, params.row.noticeTitle)])}} ]

顯示：

總結

以上是生活随笔為你收集整理的iview table点击单元格事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。