フォーム内の他のフォームデータをラジオで関連付けた後、関連オプションを実装します
このケースは、三者の開発者「peng」から来ています
1. 使用シーン
適切なラジオコンポーネントは関連オプション設定を設定できますが、オプションタイプが「他のフォームデータを関連付ける」場合、関連オプション設定は使用できませんこの例では、コードで関連オプション設定を実装する方法を紹介します。
2.機能を実現する
2.1ページ設定

2.2次のコードをページjsにコピーします

export function onChange({ value }) {
this.changeBehavior(value);
}
export function changeBehavior(value) {
const valuesMap = new Map([
['A', ['textField_leqgx0tr', 'textField_leqgx0ts']],
['B', ['textField_leqgx0tt', 'textField_leqgx0tu']],
['C', ['textField_leqgx0tv']],
['D', ['textField_leqgx0tw']],
]);
for (const i of valuesMap.values()) {
i.forEach((fieldId) => { this.$(fieldId).setBehavior('HIDDEN') }, this);
};
if (valuesMap.has(value)) {
valuesMap.get(value).forEach((fieldId) => { this.$(fieldId).setBehavior('NORMAL') }, this)
};
}
使用する場合は、value esmapパラメータを維持するだけでよい。
['対応する項目' 、 ['コンポーネントの一意のidを表示する必要があります']
上記の例では Aを選択すると、textfield_leqgx0trとtextfield_leqgx0tsが表示されます。
Bを選択すると、textfield_leqgx0ttとtextfield_leqgx0tuが表示されます。
順番に類推する… は...
2.3イベントバインディング

3.効果を実現する

4.オンラインで試してみます
このドキュメントは役に立ちましたか?

