引用qrcanvas-vue失败

Question

最近在利用vue2.0框架制作二维码，引用了qrcanvas-vue，并且进行引入

import Qrcanvas from 'qrcanvas-vue';

之后浏览器调试报错

index.js?9b99:27Uncaught TypeError: Vue.extend is not a function(…)

追踪源码后提示是qrcanvas-vue包里面的index.js问题

module.exports = Vue.extend(QRCanvas);

请问大家有解决方法吗？

Answer 1

找其他的二维码生成工具呗，比如 qrcodejs。直接在index.html中引入，然后在vue中使用

Answer 2

import Qrcanvas from 'qrcanvas-vue';

export default {

Qrcanvas,
data () {
  return {
  }
}

}

然后就可以使用， Qrcanvas.xxx()

也可以自己写
http://blog.csdn.net/meishuix...