Vuetify对话框和Vue签名板绘制问题

Question

当我不使用对话框时，我尝试在Vuetify UI内使用vue-signature-pad及其100％正常工作，因此我想打开一个对话框并使用vue-signature-pad插件，但现在可以了。不要在上面画。

希望有人可以帮助我解决我的问题

我的对话框代码如下：

<v-dialog v-model="dialog" persistent max-width="600px">
    <v-card>
        <v-card-title>
        <span class="headline">Underskrift</span>
        </v-card-title>
        <v-card-text>
        <v-container grid-list-md>
            <VueSignaturePad id="signature" width="100%"  height="300px" ref="signaturePad" />
            <br />

            <v-layout wrap>
            <v-flex xs12 sm6 md4>
                <v-text-field label="Legal first name*" required></v-text-field>
            </v-flex>
            <v-flex xs12 sm6 md4>
                <v-text-field label="Legal middle name"></v-text-field>
            </v-flex>
            <v-flex xs12 sm6 md4>
                <v-text-field
                label="Legal last name*"
                persistent-hint
                required
                ></v-text-field>
            </v-flex>
            <v-flex xs12>
                <v-text-field label="Email*" required></v-text-field>
            </v-flex>
            </v-layout>
        </v-container>

        </v-card-text>
        <v-card-actions>
        <v-spacer></v-spacer>
        <v-btn color="blue darken-1" flat @click="dialog = false">Close</v-btn>
        <v-btn color="blue darken-1" flat @click="dialog = false">Save</v-btn>
        </v-card-actions>
    </v-card>
</v-dialog>