鍍金池/ 問答/HTML/ iview 用 render方式渲染 switch組件，怎么傳入它的子節(jié)點(diǎn)？

iview 用 render方式渲染 switch組件，怎么傳入它的子節(jié)點(diǎn)？

手冊(cè)上只介紹了這一種用法

   <Switch size="large">
        <span slot="open">ON</span>
        <span slot="close">OFF</span>
    </Switch>

我需要在Table里渲染出來

    render: (h,params) => {
        console.log(h)
        return h('i-switch',{
          props: {
            // size: 'large'
            value: true
          },
          style: {
              // marginRight: '5px'
          },
          on: {
            change: () =>{
              
            }
          }
        },'<span slot="open">ON</span><span slot="close">OFF</span>')
      }

始終不出現(xiàn) ON 和OFF ，請(qǐng)問下render傳子節(jié)點(diǎn)的具體寫法

回答
編輯回答
紓惘

[

    h('span', {
            slot: 'open'
    }, 'ON'),
    h('span', {
            slot: 'open
    }, 'OFF')
]

這樣就好了

2018年5月9日 00:56
編輯回答
久舊酒

具體可以參考這里vue渲染函數(shù) & JSX，寫的很詳細(xì)了
應(yīng)該類似下邊（h = createElement）：
圖片描述

大概是這樣吧

   render: (h,params) => {
    console.log(h)
    return h('i-switch',{
      props: {
        // size: 'large'
        value: true
      },
      style: {
          // marginRight: '5px'
      },
      on: {
        change: () =>{
          
        }
      }
    }, [
        h('span', {
            slot: 'open'
        }, 'ON'),
        h('span', {
            slot: 'close'
        }, 'OFF')
    ])
  }
2018年8月10日 18:20