vue中VueQr显示二维码，无地址时转圈

在Vue.js中，使用`vue-qr-reader`库来展示二维码时，如果二维码地址为空，通常会显示一个加载状态或占位图标，表现为一个转动的圆环动画。VueQr组件默认提供了一种处理这种情况的方式，它会在读取数据之前检查内容是否可用。

当你尝试渲染一个无地址的二维码时，VueQr组件可能会触发`isEmpty`或`decodeError`事件，这会让组件进入加载状态，显示一个圆形的加载指示符，比如一个"Loading..."或一个旋转的轮子图标。当有了正确的二维码信息后，这个圆环就会消失，二维码内容将被解析并显示出来。

例如，你可以这样设置：

<template>
  <vue-qr-reader :value="qrcodeData"
                @decodeSuccess="handleDecodeSuccess"
                @isEmpty="showLoading"
                @decodeError="showLoading">
  </vue-qr-reader>
</template>

<script>
export default {
  data() {
    return {
      qrcodeData: '',
      showLoading: false,
    };
  },
  methods: {
    handleDecodeSuccess(data) {
      this.qrcodeData = data;
      this.showLoading = false;
    },
    showLoading() {
      this.showLoading = true;
    },
  },
};
</script>

在这个例子中，`showLoading`标志控制着加载状态的显示，`decodeSuccess`回调会更新数据并关闭加载状态，而`isEmpty`或`decodeError`则开启加载状态。