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

鍍金池/ 問答/HTML/ Element-UI的JSX改JS問題

Element-UI的JSX改JS問題

題目描述:

這里在嘗試利用引入Vue來實現(xiàn)Element-UI的功能的時候發(fā)現(xiàn)的一個問題,Element-UI官網(wǎng)上的示例是通過JSX的語法來實現(xiàn)這個功能的,但是由于環(huán)境原因無法引入JSX導致了一個地方無法實現(xiàn),請教下各位如何解決

題目來源及自己的思路

相關(guān)頁面:http://element-cn.eleme.io/#/...
transfer組件第三個示例的第一個部分

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

//要修改的代碼是這個函數(shù),該函數(shù)使用JSX語法,請考慮使用JS實現(xiàn)(已引入Vue.js)
renderFunc(h, option) {
  return <span>{ option.key } - { option.label }</span>;
}

你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?

使用JS實現(xiàn)上邊貼出來的那個函數(shù),當我使用這個函數(shù)時,上邊的組件出現(xiàn)了checkbox,但是沒有任何文本的渲染,F(xiàn)12查看DOM的時候,發(fā)現(xiàn)里邊有兩個注釋符,即“<!----><!---->”,多次嘗試更改無法解決

回答
編輯回答
笑忘初
renderFunc(h, option) {
    return h('span', `${option.key} - ${option.label} `);
}
2018年8月15日 10:32