canvas图片渲染，禁用右键保存

 使用@contextmenu.prevent 阻止默认事件

      <canvas id="canvas" @contextmenu.prevent="rightClick" />

setImg (){
  let canvas = document.getElementById("canvas")
  let ctx = canvas.getContext("2d")
  let image = new Image()
  image.src = '图片链接'
  image.onload = function () {
    canvas.width = image.width
    canvas.height = image.height
    // ctx.scale(0.5, 0.5) // 图片若过大或过小需要使用缩放
    ctx.drawImage(image, 0, 0, image.width, image.height)
  }
} 

rightClick (){
  this.$message.warning('该图片不可复制')
}