Vue2學習結合bootstrapTable遇到的問題

Vue2學習

項目中在使用bootstrapTable的時候，在table裏面會有操做結合vue使用過程當中點擊相應的操做不會起做用

• 解決辦法
• 一、把事件綁定到父元素上便可，但要判斷什麼樣的須要點擊，用了v-if實現的想要的渲染效果。或者（vue的事件綁定支持原生的event參數：event.target.nodeName）。
• 二、建一個vue（帶方法的）再給他編譯一下，塞到這個按鈕裏。怎麼塞進按鈕裏呢，就是編譯完以後，找到咱們以前放的這個a標籤的節點，給它append一個child，放進咱們的這個vue，這樣事件就能夠自定義，並且能獲取到當前的對象
• 三、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彈框比較方便，這樣彈框裏面的樣式能夠在新的頁面裏面編寫，最重要的是遮罩層展現不會出現問題。