1. 程式人生 > >web搜尋框關鍵字顏色高亮渲染

web搜尋框關鍵字顏色高亮渲染

{
                                title: "資質編碼",
                                key: "code",
                                width: "280px",
                                render: (h, params) => {
                                    // console.log(params)
                                    // console.log(params.row.id)
                                    // console.log(params.row.status_test)
                                    // 點選修改前
                                    if (params.row.status_test == 0) {
                                        let input = this.input_data3;
                                        if (input.length == 0) {
                                            return h('div'), [
                                                h('span', {}, params.row.code),
                                            ]
                                        }
                                        else {
                                            return h('span',
                                                {
                                                    domProps: {
                                                        innerHTML: params.row.code.replace(input, '<span style="background: #ffff00;">'+input+'</span>')
                                                    }
                                                });
                                        }
                                    }
render:(h,params)=>{
   return h('span',
    {
   domProps: {
 innerHTML: params.row.jz.replace(this.input_data3, 
'<span style="background: #ffff00;">'+this.input_data3+'</span>')
                            }
                        });
                }