Vuejs2 vuetify:手动播放持久对话框拒绝关闭动画

Vuejs2 vuetify:手动播放持久对话框拒绝关闭动画,vuejs2,vuetify.js,Vuejs2,Vuetify.js,当您在一个持久性对话框外单击时,它将播放一个动画,而对话框将不会关闭。我希望在表单验证失败且对话框拒绝关闭时播放此动画 我在vuetify doc上找不到任何信息,希望有一些指针来找到这一点,我是java框架的新手,不知道如何拖动到源代码中来找到关于这一点的任何提示。已更新 对话框中有一个名为animateClick的方法,您可以调用该方法 打开 隐私政策 知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两个人在一起吗 激励我 导出默

当您在一个持久性对话框外单击时,它将播放一个动画,而对话框将不会关闭。我希望在表单验证失败且对话框拒绝关闭时播放此动画


我在vuetify doc上找不到任何信息,希望有一些指针来找到这一点,我是java框架的新手,不知道如何拖动到源代码中来找到关于这一点的任何提示。

已更新

对话框中有一个名为
animateClick
的方法,您可以调用该方法


打开
隐私政策
知识是一种美德,是一种美德,是一种美德,是一种美德。但是,在最低限度上,我们需要一个实验室来进行日常工作。两个人在一起吗
激励我
导出默认值{
...
方法:{
方法:{
doAnimation(){
这是。$refs.dialog.animateClick()
}
}
}
}
<div id="app">
  <v-app id="inspire">
   <v-container fill-height>
    <v-row>
      <v-col align=center>
        <v-btn color="primary" @click="dialog = true">Open</v-btn>
      <v-col>
    </v-row>
   </v-container>
   <v-dialog ref="dialog" v-model="dialog" width="400px">
     <v-card >
       <v-card-title
          class="headline grey lighten-2"
          primary-title
        >
          Privacy Policy
        </v-card-title>
       <v-card-text>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in 
        </v-card-text>
       <v-divider></v-divider>
       <v-card-action>
         <v-btn @click="doAnimation">Animate Me</v-btn>
       </v-card-action>
     </v-card>
   </v-dialog>
  </v-app>
</div>
<script>
  export default{
    ...
    methods: {
      methods:{
       doAnimation(){
          this.$refs.dialog.animateClick()
        }
      }
    }
  }
</script>