Cannot use <canvas> in framework7-vue

Questions
1

within my framework-vue application, i employed “< canvas >” to draw sth.
but i cannot user canvas.
below is my code snap：
//template

<f7-page>
 <canvas class="canvas-wrap">
        cannot 
 </canvas>
</f7-page>

//js
import {$} from 'dom7'
let ss = $('.canvas-wrap')

console.log(`ss is ${ss}`}
let signaturePad = new SignaturePad(ss);

print result : ss is [{}]
canvas.getContext is not a function

can anyone tell me how to fix this?

2

You need to use correct VUE component structure, and not just writing plain JS without anything