Vue2學習結合bootstrapTable遇到的問題


Vue2學習

項目中在使用bootstrapTable的時候,在table里面會有操作結合vue使用過程中點擊相應的操作不會起作用

  • 解決辦法
  • 1、把事件綁定到父元素上即可,但要判斷什么樣的需要點擊,用了v-if實現的想要的渲染效果。或者(vue的事件綁定支持原生的event參數:event.target.nodeName)。
  • 2、建一個vue(帶方法的)再給他編譯一下,塞到這個按鈕里。怎么塞進按鈕里呢,就是編譯完之后,找到我們之前放的這個a標簽的節點,給它append一個child,放進我們的這個vue,這樣事件就可以自定義,而且能獲取到當前的對象
  • 3、nextTick 就是節點DOM更新完成后調用 ,假如 v-html里面有一個class=”a”的節點,要在這個DOM上綁定事件 例子:
that.$nextTick(function() {
      $('#aaa').unbind('click').on('click', function() {
            that.fn(row.objectId);
      });
 })

vue和layer結合使用

  • 雖然正統的彈框使用一般都是vue結合elementUI但是有時候也會有結合layer使用的情況;
  • layer.open()里面type如果為頁面層顯示的時候,會遇到:
  • 1.頁面樣式問題,
  • 2.遮罩層顯示關閉問題
  • 解決辦法:還是使用type為iframe彈框比較方便,這樣彈框里面的樣式可以在新的頁面里面編寫,最重要的是遮罩層展示不會出現問題。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM