鍍金池/ 問(wèn)答/HTML/ iview switch 下如何自定義 文字

iview switch 下如何自定義 文字

官網(wǎng)上的栗子如下:

<Switch size="large">
    <span slot="open">開(kāi)啟</span>
    <span slot="close">關(guān)閉</span>
</Switch>

效果是這樣的
clipboard.png

就是實(shí)現(xiàn)了 文字自定義,但是我是通過(guò)表格渲染出來(lái)的,使用render函數(shù)達(dá)不到效果,里面的slot不懂如何使用。以下是我的代碼:

render: (h, params) => {
  return h('i-switch', {
    props: {
      value: params.row.status,
      'true-value': 1,
      'false-value': 2
    },
    on: {
      'on-change': (value) => {
        this.changeWishStatus(value);
      }
    },
  }, [
    h('span', {
      slot: {
        open: '正常'
      }
    }),
    h('span', {
      slot: {
        close: '關(guān)閉'
      }
    })
  ])

下面的兩個(gè)span標(biāo)簽我覺(jué)得是我用錯(cuò)了,但是又不懂怎么使用才能出現(xiàn)效果,跪求各位大佬指點(diǎn)一下。先歇歇啦。

回答
編輯回答
做不到

[

h('span', {
  slot: 'open',
  domProps:{
        innerHTML: '正常'
    } 
}),
h('span', {
  slot:  'close',
  domProps:{
        innerHTML: '關(guān)閉'
    } 
})

]

2017年3月21日 19:45
編輯回答
避風(fēng)港

我也遇到這個(gè)問(wèn)題,請(qǐng)問(wèn)您解決了嗎?

2018年9月6日 10:02