totole/build-gmail-clone-with-vue-3
1
0
Fork 0
mirror of https://github.com/kevin-DL/build-gmail-clone-with-vue-3.git synced 2026-01-23 23:51:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

clear selections when switching screens

Browse Source
This commit is contained in:
Jeffrey Biles
2020-03-18 02:10:51 -07:00
parent efdfb2d516
commit d13f9a8708
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@@ -1,10 +1,10 @@
<template> <template>
<div id="app"> <div id="app">
<button @click="screenName = 'MailScreenArchived'" <button @click="selectScreen('MailScreenArchived')"
:disabled="screenName == 'MailScreenArchived'"> :disabled="screenName == 'MailScreenArchived'">
Archived View Archived View
</button> </button>
<button @click="screenName = 'MailScreenInbox'" <button @click="selectScreen('MailScreenInbox');"
:disabled="screenName == 'MailScreenInbox'"> :disabled="screenName == 'MailScreenInbox'">
Inbox View Inbox View
</button> </button>
@@ -22,6 +22,8 @@
<script> <script>
import MailScreen from '@/components/MailScreen.vue'; import MailScreen from '@/components/MailScreen.vue';
import useEmailSelection from './composition/useEmailSelection';
import { ref } from 'vue'
export default { export default {
name: 'App', name: 'App',
@@ -29,8 +31,13 @@ export default {
MailScreen MailScreen
}, },
setup(){ setup(){
let screenName = 'MailScreenInbox'; let screenName = ref('MailScreenInbox');
return {screenName} let {emailSelection} = useEmailSelection();
let selectScreen = function(newScreen){
screenName.value = newScreen;
emailSelection.clear();
}
return {screenName, selectScreen}
} }
}; };
</script> </script>