vue 显示二维码

吴冬雪~

已于 2023-09-17 16:25:09 修改

阅读量2.5k

点赞数

文章标签： vue 显示二维码

于 2019-05-28 17:43:30 首次发布

本文链接：https://blog.csdn.net/qq_37548296/article/details/90643844

版权

<el-table :data="SubjectListData" header-align="center" size="mini" max-height="500" style="width: 100%"> 
    <el-table-column align="center" label="二维码" width="120">
        <template slot-scope="scope">
            <qrcode :value="`https://www.ccmapp.cn/pages/test-share/apps/page/seminar/seminar-list/seminar-list.html?id=${scope.row.id}&from=singlemessage`" :options="{ size: 100 }" >
            </qrcode>
        </template>
    </el-table-column>
</el-table>

import Qrcode from '@xkeshi/vue-qrcode'

export default {
    components: {
      "qrcode": Qrcode // 引入 打开终端 如果报错 就是没有安装qrcode  >npm install qrcode 即可
    },
    // ...
}