題目描述:這里在嘗試?yán)靡隫ue來實(shí)現(xiàn)Element-UI的功能的時(shí)候發(fā)現(xiàn)的一個(gè)問題,Element-UI官網(wǎng)上的示例是通過JSX的語(yǔ)法來實(shí)現(xiàn)這個(gè)功能的,但是由于環(huán)境原因無法引入JSX導(dǎo)致了一個(gè)地方無法實(shí)現(xiàn),請(qǐng)教下各位如何解決題目來源及自己的思路相關(guān)頁(yè)面:http://element-cn.eleme.io/#/...transfer組件第三個(gè)示例的第一個(gè)部分相關(guān)代碼// 請(qǐng)把代碼文本粘貼到下方(請(qǐng)勿用圖片代替代碼)//要修改的代碼是這個(gè)函數(shù),該函數(shù)使用JSX語(yǔ)法,請(qǐng)考慮使用JS實(shí)現(xiàn)(已引入Vue.js)renderFunc(h, option) { return <span>{ option.key } - { option.label }</span>;
}你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?使用JS實(shí)現(xiàn)上邊貼出來的那個(gè)函數(shù),當(dāng)我使用這個(gè)函數(shù)時(shí),上邊的組件出現(xiàn)了checkbox,但是沒有任何文本的渲染,F(xiàn)12查看DOM的時(shí)候,發(fā)現(xiàn)里邊有兩個(gè)注釋符,即“<!----><!---->”,多次嘗試更改無法解決
Element-UI的JSX改JS問題
四季花海
2018-07-22 07:27:47