อันนี้คือ code ทั้งหมดนะคะ
โค้ด: เลือกทั้งหมด
<template>
<v-app>
<v-btn
color="primary"
text
fab
dark
v-on="on"
@click="open()"
>
<v-icon>>mdi-pencil</v-icon>
</v-btn>
<v-dialog v-model="dialog" max-width="500px">
<v-card>
<v-card-text>
<v-layout justify-center>
<p class="pt-10">นักศึกษาฝึกงานได้ทำการผ่านการฝึกงานที่บริษิท INET</p>
</v-layout>
<v-layout justify-center>
<v-btn text class="teal--text" >ตกลง</v-btn>
</v-layout>
</v-card-text>
</v-card>
</v-dialog>
</v-app>
</template>
<script>
export default {
data () {
return {
dialog: false,
}
},
methods: {
open () {
this.dialog = true
}
},
}
</script>
โค้ด: เลือกทั้งหมด
<v-dialog v-model="dialog" max-width="500px">
<v-card>
<v-card-text>
<v-layout justify-center>
<p class="pt-10">นักศึกษาฝึกงานได้ทำการผ่านการฝึกงานที่บริษิท INET</p>
</v-layout>
<v-layout justify-center>
<v-btn text class="teal--text" >ตกลง</v-btn>
</v-layout>
</v-card-text>
</v-card>
</v-dialog>
โค้ด: เลือกทั้งหมด
data () {
return {
dialog: false,
}
},
โค้ด: เลือกทั้งหมด
methods: {
open () {
this.dialog = true
}
},
โค้ด: เลือกทั้งหมด
<v-btn
color="primary"
text
fab
dark
v-on="on"
@click="open()"
>
<v-icon>>mdi-pencil</v-icon>
</v-btn>
ผลลัพธ์
สามารถเรียนรู้เรื่องอื่นๆ เพิ่มเติมได้ที่
การ ติดตั้ง vue.js viewtopic.php?f=78&t=67916
วิธีการ ค้นหาด้วยการใช้ watch โดย vue.js viewtopic.php?f=78&t=67908
วิธีการ การเรียกใช้ methods โดย vue.js viewtopic.php?f=78&t=67909
วิธีการ เรียนใช้ dialog จาก components โดย vue.js viewtopic.php?f=78&t=67910
วิธีการ ใช้ Grid ออกแบบเป็น responsive design โดย vuetify viewtopic.php?f=73&t=67912