亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

element-ui的el-select組件采用jsx方式渲染,通過鼠標點擊頁面選不中下拉選項

element-ui的el-select組件采用jsx方式渲染,通過鼠標點擊頁面選不中下拉選項

梵蒂岡之花 2019-03-21 18:19:38
題目描述element-ui的el-select組件采用jsx方式渲染,通過鼠標點擊頁面選不中下拉選項,原生select可以題目來源及自己的思路需求是,點擊按鈕彈窗messagebox,messagebox中有一個下拉框。因為messagebox是純js,所以就想到用jsx實現相關代碼// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)<template>  <div class="hello">    <el-button @click="submit">點擊打開彈窗</el-button>  </div></template><script>export default {  name: 'HelloWorld',  data () {    return {      netZoneIdMaps: [        {domainId: '1', name: '名稱1'},        {domainId: '2', name: '名稱2'},        {domainId: '3', name: '名稱3'}      ],      netZoneId: ''    }  },  methods: {    submit () {      let jsxHtml = (        <div>          <el-select value={this.netZoneId} onChange={this.setSelect}>            {this.netZoneIdMaps.map(item => {              return (                <el-option                  key={item.domainId}                  label={item.displayName}                  value={item.domainId}>                </el-option>              )            })}          </el-select>        </div>      )      this.$alert(jsxHtml, {        type: 'question',        dangerouslyUseHTMLString: true,        showCancelButton: true,        confirmButtonText: '確定',        cancelButtonText: '取消'      }).then(() => {})    },    setSelect (e) {      console.log('觸發change事件')      this.netZoneId = e      console.log(e)    }  }}</script>你期待的結果是什么?實際看到的錯誤信息又是什么?我預想的是切換可以正常切換下拉框選項。結果卻是頁面沒有反應,change事件可以觸發。沒有找到原因。注:將el-select和el-option改為原生的select和option是正常的。
查看完整描述

2 回答

?
躍然一笑

TA貢獻1826條經驗 獲得超6個贊

https://img1.sycdn.imooc.com//5cb2d3410001abbd08000126.jpg

  • dangerouslyUseHTMLString 將message作為html片段處理。

  • 然而你只是寫的jsx,即 只是想給message傳遞VNode而已。


查看完整回答
反對 回復 2019-04-14
?
千巷貓影

TA貢獻1829條經驗 獲得超7個贊

onChange事件改為 onInput事件


查看完整回答
反對 回復 2019-04-14
  • 2 回答
  • 0 關注
  • 2689 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號