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

Question

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

例如

  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'
  }
}