根据其他数据在vue中设置数据

Question

我在 vue 组件中有数据根据 select 下拉值而变化。我想根据这些更改更改同一组件中的其他数据。

例如

  data: function()
  {
      return{
      page:'self-employed', //dynamic data bind with select element
      loan:this.page === 'self-employed' ? 'business-loan' : 'personal-loan',
  }
  }

我使用条件语句，但它根本不起作用。

Answer 1

loan 应该是根据您的其他数据计算得出的 属性 :

data: function() {
  return {
    page: 'self-employed', //dynamic data bind with select element
  }
},
computed: {
  loan() {
    return this.page === 'self-employed' ? 'business-loan' : 'personal-loan'
  }
}