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