在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ render函數(shù)如何設(shè)置hover時(shí)的樣式?

render函數(shù)如何設(shè)置hover時(shí)的樣式?

render函數(shù)生成的元素,如何設(shè)置在鼠標(biāo)hover在該元素時(shí),改變?cè)刈煮w顏色。如下圖,如何做到鼠標(biāo)hover在“上架”時(shí),改變“上架”字體顏色?
偽類(lèi)樣式一般都是在class樣式上設(shè)置的,但是render函數(shù)上不知怎么設(shè)置class樣式。望指教。
圖片描述

代碼如下:

{
            title: '操作',
            key: ' ',
            width:160,
            align: 'center',
            render:(h, parmas) => {
                return ('div', [
                    h('Button', {
                        props:{icon:'search'},
                        style:{backgroundColor:'transparent',border:'none',fontSize:'21px',margin:'0 10px 6px 0'},
                        on:{click:()=>{ console.log('fff')}}
                    }),
                    h('Poptip', {
                        props:{
                            trigger:'hover',
                            placement:'bottom'
                        }
                    }, [
                        h('Icon', {props:{type:'gear-b',size:20}}),
                        h('Icon', {props:{type:'ios-arrow-down'},style:{marginLeft:'4px'}}),
                        h('div',  {slot:'content'},[

                            h('p', {
                                style:{padding:'8px',cursor:'pointer'},
                                on:{click:()=>{ console.log('aaa')}}
                            }, '上架'),
                            h('p', {
                                style:{padding:'8px',cursor:'pointer'},
                                on:{click:()=>{ console.log('bbb')}}
                            }, '刪除')
                        ])
                    ])
                ])
            }
          }




嘗試過(guò)加class屬性,如下圖,F(xiàn)12能看到加上的類(lèi)名“mouse-on”,但是沒(méi)有樣式?jīng)]出來(lái)。

clipboard.png

回答
編輯回答
掛念你

你對(duì)象知道加 style 屬性,咋可能不會(huì)加 class ? 官方例子這兩個(gè)是在一起的啊。class 屬性跟 style 屬于同級(jí)不要放在 attr 里面用。對(duì)象屬性

1 字符串模式

圖片描述

2 對(duì)象模式

圖片描述

2018年2月13日 22:00
編輯回答
遺莣

才發(fā)現(xiàn)樓主原來(lái)寫(xiě)了答案了,仔細(xì)看了一下才發(fā)現(xiàn)....

2017年7月8日 22:44
編輯回答
柒喵

樓主,解決了嗎,同樣的問(wèn)題,添加類(lèi)沒(méi)反應(yīng)

2018年6月1日 18:27
編輯回答
毀憶

給render出來(lái)的對(duì)象寫(xiě)上class試試。

2017年12月25日 23:53
編輯回答
夕顏
 h('p', {
            //class:{"mouse-on"}
            //attrs:{class:"mouse-on"}
            style:{padding:'8px',cursor:'pointer'},
            on:{click:()=>{ console.log('aaa')}}

  }, '上架')

上面的注釋的兩種寫(xiě)法都是正確的,但是style的不能有作用域scope

2017年6月24日 04:23