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)

 

 

 

 

钻研不易，转载请注明出处、、、、、、