Проблемы с диалоговым окном Vuetify и рисованием vue-signature-pad - PullRequest
Новая
       8

Проблемы с диалоговым окном Vuetify и рисованием vue-signature-pad

0 голосов
/ 03 февраля 2019

Я пытаюсь использовать vue-signature-pad внутри моего Vuetify UI и он работает на 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>
...