wuzhi-vuetify-directives

example

1.v-click-outside-wz(点击元素外面时执行的方法)

    <template>
        <div
            v-if="show"
            v-click-outside-wz="onClickOutside"
            @click="active = true"
            :style="{
                width: '400px',
                height: '400px',
                marginLeft: '200px',
                background: active ? 'red' : '#666',
            }"
        ></div>
    </template>

    export default {
        name: "App",
        components: {},
        data() {
            return {
                active: false,
                show: true,
            };
        },
        methods: {
            onClickOutside() {
                this.active = false;
            },
        },
    };