SOURCE

new Vue({
    el: '#app',
    data() {
        return {
            visible: false
        }
    },
    methods: {
        handleClick() {
            this.visible = !this.visible
        }
    }
})

<div id="app">
    <span class="tip">切换加载状态</span><i-switch v-model="visible" type="primary">Toggle</i-switch>
    <div class="content">
        填充内容
        <Spin v-if="visible" fix bg-color="rgba(255,255,0,0.6)" color='#f00'>保存中</Spin>
    </div>
</div>

#app {
    padding: 20px;
}
.tip {
    display: inline-block;
    line-height: 22px;
    font-size: 14px;
    padding-right: 10px;
    vertical-align: middle;
}
.content {
    position: relative;
    width: 100%;
    height: 300px;
    margin-top: 10px;
}