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

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

在調用的 vue 方法中顯示模式

在調用的 vue 方法中顯示模式

喵喵時光機 2021-10-14 16:46:01
不確定這里發生了什么,但是當我單擊調用函數的按鈕時,它不會顯示我的模態。函數調用本身有效,因為如果我取消注釋,注釋掉的警報將顯示。我如何需要在此方法中顯示模態?控制臺中也沒有錯誤<button @click="eventClick"></button><div id="example-modal">              <!-- Modal -->              <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">                <div class="modal-dialog" role="document">                  <div class="modal-content">                    <div class="modal-header">                      <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>                      <button type="button" class="close" data-dismiss="modal" aria-label="Close">                        <span aria-hidden="true">&times;</span>                      </button>                    </div>                    <div class="modal-body">                      hihi                    </div>                    <div class="modal-footer">                      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>                      <button type="button" class="btn btn-primary">Save changes</button>                    </div>                  </div>                </div>              </div>            </div>eventClick: function(e) {  var eventObj = e.event;  //alert('Clicked ' + eventObj.title);  let element = this.$refs.modal.$el;  $(element).modal('show');
查看完整描述

1 回答

?
慕斯王

TA貢獻1864條經驗 獲得超2個贊

根據提供的代碼很難判斷。模態ref沒有定義。

一般來說,你真的不想將 JQuery 混入 Vue - 特別是當 JQuery 正在修改組件的狀態時(在這種情況下,視覺狀態:顯示/未顯示)。

呈現模式的首選方法是使用標準v-if,如本例所示。


查看完整回答
反對 回復 2021-10-14
  • 1 回答
  • 0 關注
  • 223 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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