У меня есть форма v-select
, которая будет генерировать данные на основе первой выбранной формы v-select
(раскрывающийся список Dynami c). Я смог добиться этого в одном компоненте файла, передавая значения, используя params
без использования Vuex.
Теперь я перевел свою первую v-select
форму в Vuex, и я не уверен, как мне передать "id" во вторую v-select
форму? Пожалуйста, обратитесь к приведенному ниже коду.
Компонент. vue (без Vuex)
<v-select
v-model="rows.corporate_objective_id"
:items="corporate_objectives"
item-text="corporate_objective"
item-value="id"
placeholder="Please select a Corporate Objective"
dense
clearable
@change='getDepartmentObjectives()'
></v-select>
getDepartmentObjectives() {
axios
.get('/api/department-objective-appraisal', {
params: {
corporate_objective_id: this.rows.corporate_objective_id
}
})
.then(response => this.department_objectives = response.data)
.catch(error => console.log(error))
},
А вот код ниже, где я сейчас использую Vuex.
Компонент. vue (с Vuex)
//Actions
const corporateObjectives = ({ commit }) =>
axios
.get('/api/corporate-objective-select')
.then(response => commit('SET_CORPORATE_OBJECTIVES', response.data))
.catch(error => console.log(error))
//Mutations
const SET_CORPORATE_OBJECTIVES = (state, corporate_objectives) =>
state.corporate_objectives = corporate_objectives
Как добиться того же результата от первого кода до Vuex?
Также возможно ли получить v-модель из магазина с подобным синтаксисом? v-model:this.$store.state