首页 > 其他 > 详细

vue之在方法中添加dom

时间:2020-04-29 20:52:40      阅读:220      评论:0      收藏:0      [点我收藏+]

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)

 

 

 

 

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

 

vue之在方法中添加dom

原文:https://www.cnblogs.com/s313139232/p/12804453.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!