관리-도구

편집 파일: ShareForm.vue

<div class="mt-4">
            <div class="mb-3" v-if="error">
                We were unable to share your error.<br />
                Please try again later.
            </div>

<button @click="shareError" class="button-secondary button-sm bg-tint-600 text-white">
                Share
            </button>
        </div>
    </div>
</template>

export default {
    components: { CheckboxField },

props: ['error'],

computed: {
        selectedTabs() {
            return this.tabs.filter(tab => tab.checked).map(tab => tab.name);
        },
    },

data() {
        return {
            tabs: [
                { label: 'Stack trace', name: 'stackTraceTab', checked: true },
                { label: 'Request', name: 'requestTab', checked: true },
                { label: 'App', name: 'appTab', checked: true },
                { label: 'User', name: 'userTab', checked: true },
                { label: 'Context', name: 'contextTab', checked: true },
                { label: 'Debug', name: 'debugTab', checked: true },
            ],
        };
    },

methods: {
        shareError() {
            this.$emit('share', this.selectedTabs);
        },
    },
};
</script>