Использую Vuex и element.io.
Есть диалоговое окно.
В нем есть параметр visible, если true, то показывается окно.
<el-dialog
title="Tips"
:visible="dialogVisible"
size="tiny"
:before-close="handleClose">
<span>This is a message</span>
<span slot="footer" class="dialog-footer">
<el-button @click="handleClose">Cancel</el-button>
<el-button type="primary" @click="handleClose">Confirm</el-button>
</span>
</el-dialog>
Во Vuex есть состояние:
state: {
visible_settings: false
},
Пытался передать это состояние таким образом в компоненте:
return this.$store.state.visible_settings
Но это не сработало.
Сработало только когда я создал отдельно getter во vuex:
getVisibleSettings: state => {
return state.visible_settings;
}
И соответственно в компоненте:
return this.$store.getters.getVisibleSettings
Почему так вышло? Ведь по сути же это одно и то же. В первом случае и во втором просто отдаю переменную.
