nuxt.js如何使用 vue-qart 二维码插件

Question

nuxt版本

版本是：2.0.0

问题描述

需要在nuxt框架中，使用vue-qart，但是有问题。

问题出现的环境背景及自己尝试过哪些方法

1.直接以vue环境下，使用安装使用vue-vue-qart，它会报错：【window is not undefined】。

尝试解决方法，参考了官方文档：https://nuxtjs.org/faq/window...。
官方使用的方式是：
if (process.browser) {
require('external_library')
}

不过我按着这种方式，具体如何用不太清楚，下面是我的代码，依旧有问题
<template>

<div class="articleShow">
    <vue-qart :config="config"></vue-qart>
</div>

</template>
<script>

import VueQart from 'vue-qart'
export default {
    data(){
        return {
            config: {
                value: 'https://baidu.com',
                imagePath: 'http://menvscode.com/public/img/logo.png',
                filter: 'color'
            }
        }
    },
    components:{},
    created(){
        if (process.browser) {
            require('vue-qart')
        }
    }
}

</script>

2.通过使用第三方模块方式使用vue-qart
官方文档：https://zh.nuxtjs.org/guide/p...

增加文件 plugins/qart.js
import Vue from 'vue'
import vueQart from 'vue-qart'
Vue.use(vueQart)

在 nuxt.config.js 内配置 plugins 如下：
plugins: ["~/plugins/qart.js"]

然后我在组件中尝试着使用了一下，我是直接在代码中用：<vue-qart></vue-qart>，不过他会报错：“Unknown custom element: <vue-qart> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
”，好像是我说没有注册组件什么的，但是我import引入vue-qart模块，还是不对~

寻求可行的方案代码

各位大佬有没有解决的方案~多谢了

Answer 1

推荐使用 nuxt 使用vue-qr生成二维码图片

Answer 2

哎，我也遇到这个问题了， 但是已经解决啦~