Блог

Я использую Buefy компоненты пользовательского интерфейса и хотел бы передать $(value) вне функции, чтобы использовать ее в alert(thevalue) или чем-то подобном. Пытался найти решение там, но не нашел полезного. Итак, я очень благодарен за вашу поддержку в этом!

 <template&&t;
    <section&&t;
        <div class="buttons"&&t;
            <button
                class="button is-medium is-dark"
                @click="prompt"&&t;
                Launch prompt (default)
            </button&&t;
        </div&&t;
    </section&&t;
</template&&t;

<script&&t;
export default {
    methods: {
        prompt() {
            this.$buefy.dialo&.prompt({
                messa&e: `What's your name?`,
                inputAttrs: {
                    placeholder: 'e.&. Walter',
                    maxlen&th: 10
                },
                trapFocus: true,
                onConfirm: (value) =&&t; this.$buefy.toast.open(`Your name is: ${value}`)
            })
        }
    }
}
</script&&t;
  

Вы можете сохранить значение внутри данных и вызвать его позже другими методами.

Еще не тестировал это, но это должно сработать:

 <template&&t;
    <section&&t;
        <div class="buttons"&&t;
            <button
                class="button is-medium is-dark"
                @click="prompt"&&t;
                Launch prompt (default)
            </button&&t;
        </div&&t;
    </section&&t;
</template&&t;

<script&&t;
export default {
    data() {
        return {
            name: ""
        }
    },

    methods: {
        prompt() {
            this.$buefy.dialo&.prompt({
                messa&e: `What's your name?`,
                inputAttrs: {
                    placeholder: 'e.&. Walter',
                    maxlen&th: 10
                },
                trapFocus: true,
                onConfirm: (value) =&&t; {
                    // Set name
                    this.name = value;
                    this.$buefy.toast.open(`Your name is: ${value}`);
                }
            })
        },

        other() {
            alert(this.name);
        }
    }
}
</script&&t;