How to add buttons or text elements to the topbar of dashboard 1?

[SXlaowang]

I found the following example in the official documentation of Dashboard 2, which can be applied to Dashboard 2 but not to Dashboard 1.

<template>
    <Teleport v-if="mounted" to="#app-bar-title">
        <v-btn>Button 1</v-btn>
        <v-btn>Button 2</v-btn>
    </Teleport>
</template>
<script>
    export default {
        data() {
            return {
                mounted: false
            }
        },
        mounted() {
            this.mounted = true
        }
    }
</script>

I would like to ask how to modify the above code to make it effective in Dashboard 1?

[Sean-McG]

You cannot really modify the code as Dashboard 2 uses VUE and Dashboard 1 uses Angular.

However you can use the forum search option with some text like -
"How to add buttons or text elements to the topbar of dashboard"
and find many posts on the subject.

[SXlaowang]

I see, finally I understand why there is such a big difference between the two.
Thank you for your reminder.

[SXlaowang]

I found this, and it happens to be able to solve the problem.