vue中如何给DOM元素添加属性

Question

attr () {
var r = ('<canvas>您的浏览器暂时不支持canvas，请选用现代浏览器！</canvas>').attributes('width', a).attributes('height', n)
cvs.empty().append(r)
}

这样会报错

Answer 1

报错原因是：

('<canvas>您的浏览器暂时不支持canvas，请选用现代浏览器！</canvas>') 

这个仅仅是一段字符串，在没有插入html中，成为dom节点之前，没有dom节点的各种属性吧，

获取到节点引用后，设置属性 jq 用 .attr, 或者原生里面的 .setAttribute

Answer 2

是setAttribute()

Answer 3

var r = document.createElement('canvas')
r.setAttribute('width', a)
r.setAttribute('height', n)
r.textContent = "您的浏览器暂时不支持canvas，请选用现代浏览器！"
cvs.empty().append(r)