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彈框比較方便，這樣彈框裡面的樣式可以在新的頁面裡面編寫，最重要的是遮罩層展示不會出現問題。