vue如何能吧canvas对象渲染到页面

Question

如果数组中都是canvas对象, vue如何能吧canvas对象渲染到页面.

ul
    li
        canvas
        
   li
        canvas
          

v-html只能渲染出一个字符串, 没办法像appendChild那样插入canvas对象.

Answer 1

data中存放canvas的数组.

<li v-for='item in canvas'><img :src='item.toDataURL()' /></li>

Answer 2

看了下toDataURL可以转成base64, 算个办法,如果没有更好的方案, 我就自己采纳自己了,嘿

Answer 3

给canvas动态添加id放在循环中就行