ionic4 - 是否可以更新 ionic 选择器及其值？

Question

我之前问过一个类似的问题，但现在主要问题已经改变:

我有一个带有两行的 ionic 选择器，第二行的值完全取决于您在第一行中的选择。现在我可以更改选择选项时收到的值，但选择器不会更新，因此即使正在使用其他值，旧值仍会显示，这是一个很大的问题。

在我在之前的问题中收到的答案中，有人告诉我有一个名为 forceUpdate() 的函数，但是当我尝试它时，它没有任何改变。
有人告诉我这可能仍在开发中，甚至可能在不久的将来被删除，但我需要知道现在是否有办法更新 ionic 选择器。

这是 ionic 选择器的代码:

async showJetPicker(id) {
    if (this.disabledis[id - 6] !== true) {
    const opts: PickerOptions = {
      cssClass: 'academy-picker',
      buttons: [
        ...
      ],
      columns: [
        {
          name: '1st row',
          options:  this.convertColumns(this.pickerbois[id].options[0])
        },
        {
          name: '2nd row',
          options:  this.convertColumns(this.pickerbois[id].options[1])
        }
      ]
    };
    const picker = await this.pickerCtrl.create(opts);
    picker.addEventListener('ionPickerColChange', async (event: any) => {
      const data = event.detail;
      const colSelectedIndex = data.selectedIndex;
      const colOptions = data.options;
      if (colSelectedIndex < 2) {
        picker.columns[1].options = this.convertColumns(this.pickerbois[id].options[colSelectedIndex + 1]);
        picker.forceUpdate();   //Here it should update the picker
      }
    });
    this.picker_cancer = picker;
    picker.present();
    }
  }

Answer 1

请在下面尝试，它修复了我的问题。

async showJetPicker(id) {
  if (this.disabledis[id - 6] !== true) {
  const opts: PickerOptions = {
    cssClass: 'academy-picker',
    buttons: [
      ...
    ],
    columns: [
      {
        name: '1st row',
        options:  this.convertColumns(this.pickerbois[id].options[0])
      },
      {
        name: '2nd row',
        options:  this.convertColumns(this.pickerbois[id].options[1])
      }
    ]
  };
  const picker = await this.pickerCtrl.create(opts);
  picker.addEventListener('ionPickerColChange', async (event: any) => {
    const data = event.detail;
    const colSelectedIndex = data.selectedIndex;
    const colOptions = data.options;
    let temColumns;
    if (colSelectedIndex < 2) {
      //picker.columns[1].options = this.convertColumns(this.pickerbois[id].options[colSelectedIndex + 1]);
      //picker.columns[1].options = this.convertColumns(this.pickerbois[id].options[colSelectedIndex + 1]);
      
      temColumns = this.convertColumns(this.pickerbois[id].options[colSelectedIndex + 1]);        
      picker.columns[1].options = JSON.parse(JSON.stringify(temColumns));
      
      picker.forceUpdate();   //Here it should update the picker
    }
  });
  this.picker_cancer = picker;
  picker.present();
  }
}