美文网首页
ant design vue 中Loading展示隐藏

ant design vue 中Loading展示隐藏

作者: SY | 来源:发表于2021-11-29 14:31 被阅读0次

    可以点击‘切换’按钮,控制本区域的spin展示。

    <style scoped>
    .spin-content {
      border: 1px solid #91d5ff;
      background-color: #e6f7ff;
      padding: 30px;
    }
    </style>
    <template>
      <div>
        <a-spin :spinning="spinning">
          <div class="spin-content">
            可以点击‘切换’按钮,控制本区域的spin展示。
          </div>
        </a-spin>
        Loading state:<a-switch v-model="spinning" />
      </div>
    </template>
    <script>
    export default {
      data() {
        return {
          spinning: false,
        };
      },
      methods: {
        changeSpinning() {
          this.spinning = !this.spinning;
        },
      },
    };
    </script>
    

    相关文章

      网友评论

          本文标题:ant design vue 中Loading展示隐藏

          本文链接:https://www.haomeiwen.com/subject/yncotrtx.html