亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在iview的table單元格里實現點擊事件?

如何在iview的table單元格里實現點擊事件?

躍然一笑 2019-03-07 18:15:32
需求是這樣的,我需要做一個表格,表頭和內容全都是動態的。從服務器端獲取到數據后,最后拼裝成一個二維數組slotTableData,里面的內容是自 iview 2.3 支持的 html。這樣就可以在界面上顯示出二維數組了?,F在突然多了個需求,要求每個單元格可以點擊或者鼠標懸浮提示。iview 原生不支持單元格點擊事件(有pull request但是半年沒通過。開發時間不足也沒時間換elementui了),本來是拼的html的div,想在里面直接使用iview的組件也不可能。找了不少文檔都說能做,但都是寫在columns中的,渲染個固定內容按鈕的事件倒還容易,但是我每個單元格的內容都是不同的,而且都有自己的樣式,完全不知道在columns里如何讀到應該是data中的數據。iview 和 vue 的文檔看了好多遍 render 也沒搞清楚該怎么做。表頭代碼數據代碼(片段)原本需求比較簡單,只要搞定每個單元格的css和content就搞定了,但是如果加事件,完全不知道從何下手。
查看完整描述

2 回答

?
互換的青春

TA貢獻1797條經驗 獲得超6個贊

可以寫render 函數,參數里有行,列 就可以知道你是在哪個位置了

render: (h, params) => {


return h('div', [

    h('Button', {

        props: {

            type: 'primary',

            size: 'small'

        },

        style: {

            marginRight: '5px'

        },

        on: {

            click: () => {

                console.log(params)

            }

        }

    }, 'View')

]);

}


查看完整回答
反對 回復 2019-03-11
?
慕神8447489

TA貢獻1780條經驗 獲得超1個贊

用iview 提供的render 函數h


數據里加個狀態,通過


if(status){//如果當前是編輯狀態的話

? ? h('Input',{

? ? ? ? props:{

? ? ? ? ? ? value:"點擊后出現的我,可以回車返回"

? ? ? ? },

? ? ? ? on:{

? ? ? ? ? ? 'on-enter':()=>{

? ? ? ? ? ? ? ? params.row.status = !params.row.status;

? ? ? ? ? ? }

? ? ? ? }

? ? })

}else{

? ? h('a',{

? ? ? ? on:{

? ? ? ? ? ? 'click':()=>{

? ? ? ? ? ? ? ? ? ?params.row.status = ! params.row.status;

? ? ? ? ? ? }

? ? ? ? }

? ? },'我')

}


查看完整回答
反對 回復 2019-03-11
  • 2 回答
  • 0 關注
  • 7009 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號