组件路径
src\components\Common\qrcodeDialog.vue
效果

使用方法
<template>
<qrcode-dialog :qrcodeOptins="qrcodeOptins"></qrcode-dialog>
</template>
<script>
import qrcodeDialog from '../../../Common/qrcodeDialog.vue'
export default {
data() {
return {
qrcodeOptins: {
dialogVisible: false,
title: '',
url: ''
}
}
},
methods: {
showDialog(title, url) {
this.qrcodeOptins.title = title
this.qrcodeOptins.url = url
this.qrcodeOptins.dialogVisible = true
}
}
</script>
data
qrcodeOptins
| 参数 | 类型 | 说明 |
|---|---|---|
| dialogVisible | Boolearn | 弹窗组件开关 |
| title | String | 弹窗标题 |
| url | String | 二维码指向地址 |