フォーム/カスタムページurlパラメータの埋め戻し
適切なアプリケーションを構築する過程で、次のような問題が発生する可能性があります。
- 例えば、aページのフィールドパラメータの一部をbページに持ってきて使用したい
前提条件
このチュートリアルでは、基本的な機能の一部を使用する必要があります。まず、次の機能を理解することができます。
効果を実現する
クリックしてください。
実装手順
普遍的なフォームページの作成
通常のフォームページを作成します。詳細はこちらを参照してください通常フォーム。
キャンバス領域で次のコンポーネントをドラッグします。
- 単一行テキスト: 製品名を付けます
- 複数行のテキスト: 製品紹介と命名
Urlパラメータのバインド
製品名に対応するurlパラメータkeyはProductname。
state.urlParams.productName
製品紹介に対応するurlパラメータkeyはProductdescription。
state.urlParams.productDescription
保存ページ
カスタムページの作成
キャンバス領域で次のコンポーネントをドラッグします。
- 単一行テキスト: 製品名を付けます
- 複数行のテキスト: 製品紹介と命名
- コンテナ
- ボタン: 上記のパラメータを持ってデータテーブルにジャンプするという名前です
設定ボタンをクリックしてジャンプします
次のイベントをバインドします。
export function onClick() {
this.utils.router.push(
'FORM-43A7DC69D66344C39CD82322D8C0B0B8AY01',
{
productName: this.$('textField_lyxv6iac').getValue(), // 产品名称
productDescription: this.$('textareaField_lyxv6iad').getValue(), // 产品描述
},
true,
false,
);
}
This.utils.router.pushApiパラメータの紹介。
ビデオチュートリアル
オンラインで試遊する
この文書は機械翻訳により生成されています。翻訳により生じた齟齬や相違点は拘束力を持たず、コンプライアンスや執行目的において法的効力はありません。
このドキュメントは役に立ちましたか？