Я хочу, чтобы данные, вводимые в моем popup.vue в моих компонентах, отображались в моем dashboard.vue на моих представлениях.разные папки одного и того же проекта.Тем не менее, дэшборд не получает данные, и я попытался использовать emit и props.
Я пытался использовать eventListener, чтобы предупредить панель мониторинга о том, что событие происходит во всплывающем окне, но все еще не получаюрезультат.
вот форма в моем всплывающем окне ... `
<v-spacer></v-spacer>
<v-btn text @click="submit()" class="teal darken-4 white--text mx-0 mt-3" :loading="loading">Add Device</v-btn>
</v-form>`
вот мой тег-скрипт на popup.vue
`<script>
import db from '@/fb'
export default {
data (){
return {
dialog:false,
device: '',
rating: '',
quantity: '',
operation: '',
consumption:'',
// inputRules: [
// v => v.length <= 1 || 'minimum length is 3 characters'
// ],
menu: false,
modal: false,
menu2: false,
loading: false,
dialog: false
}
},
methods: {
submit(){
if(this.$refs.form.validate()){
this.loading = true;
const fight = {
device: this.device,
rating: this.rating,
quantity: this.quantity,
operation: this.operation,
consumption: this.consumption
}
db.collection('energy-calc').add(fight).then(() =>{
this.loading = false;
this.dialog = false;
// this.$emit('fightAdded')
})
}
}
},
computed: {
formattedDate(){
return this.date ? format(this.date, 'Do MMM YYYY') : ''
}
}
}
</script>`
I 'Я не получаю никаких сообщений об ошибках, но данные не отображаются на моей панели.