v-alert组件内的按钮点击事件导致v-dialog内部input字段获取焦点

为v-dialog添加ref，然后在v-alert组件中添加@click.native.stop修饰符并手动调用v-dialog的$refs获取焦点的方法。

示例代码：

<template> <div> <v-btn @click="showDialog">Show Dialog</v-btn> <v-dialog ref="myDialog"> <v-card> <v-card-title>Dialog Title</v-card-title> <v-card-text> <v-alert @click.native.stop> <v-btn @click="doSomething">Click me</v-btn> </v-alert> <v-text-field></v-text-field> </v-card-text> </v-card> </v-dialog> </div> </template>

<script> export default { methods: { showDialog() { this.$refs.myDialog.open(); }, doSomething() { console.log('Button clicked'); } } } </script>