vue之在方法中添加dom

vue之在方法中添加dom

寫vue代碼的過程中經常碰到需要動態添加dom的情況，一直沒有找到合適的解決方法。今天記錄一個比較蠢的玩法。

js原生創建dom，再添加進dom中去。

代碼示例：

1.添加a標簽后點擊，經常用在下載文件的實踐封裝：

let link = document.createElement('a')
          link.style.display = 'none'
          link.href = sysConfig.fileUrl + _sign
          let url = _sign
          link.setAttribute('dozwnload', url.split('/')[url.split('/').length - 1])
          link.setAttribute('target', '_blank')
          document.body.appendChild(link)
          link.click()

2.添加canvas標簽，用在cesium添加畫布材質時的畫布創建：

let link = document.createElement('canvas')
link.style.width = '700px'
link.style.height = '100px'
link.setAttribute('class', 'canvas')
link.setAttribute('id', 'canvas-a')
this.$refs.mainDiv.appendChild(link)

 

 

 

 

鑽研不易，轉載請注明出處、、、、、、