ユニアプリコード <テンプレート> <表示> <image v-for="(item, i) in fileList" :key="item[urlKey]" :src="item[urlKey]"></image> </ビュー> </テンプレート> <スクリプト> エクスポートデフォルト{ 小道具: { urlKey: {デフォルト: 'url'}, ファイルリスト: 配列 } } </スクリプト> WeChatアプレットにコンパイルする <表示> <block wx:for="{{fileList}}" wx:for-item="item" wx:for-index="i" wx:key="urlKey"> <画像 src="{{item[urlKey]}}"></画像> </ブロック> </ビュー> key="item[urlKey]" という構文はサポートされていないようです 解決: <テンプレート> <表示> <image v-for="(item, i) in fileList" :key="key(item)" :src="item[urlKey]"></image> </ビュー> </テンプレート> <スクリプト> エクスポートデフォルト{ 小道具: { urlKey: {デフォルト: 'url'}, ファイルリスト: 配列 }, 計算: { 鍵() { e => e[this.urlKey] を返します } } } </スクリプト> これは計算を使って解決できる これで、uniapp WeChat アプレットに関するこの記事は終了です。キーの有効期限の問題の解決方法。uniapp アプレットのキーの有効期限に関する関連コンテンツの詳細については、123WORDPRESS.COM で以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後も 123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: LinuxでMySQLのリモートアクセス権を有効にし、ファイアウォールでポート3306を開きます。
1. Dockerリモート接続ポートを設定するサーバー上の docker.service ファイルを...
序文同社の Ubuntu サーバーは、さまざまなシステムのディレクトリを異なる論理パーティションに配...
1. useState: 関数コンポーネントに状態を持たせる使用例: // カウンター impor...
このテクニックは、この記事から来ています - シルキーでスムーズなパフォーマンスでボックスシャドウを...
目次1. 当初の需要2. 解決策3. 運河の導入と設置運河の仕組み建築インストール4. 検証1. 当...
#include <linux/moduleparam.h> 1. モジュールパラメータ...
今日は仮想マシンを使って実験をしました。システムをインストールし、いくつかのオプションを最適化した後...
まず、サーバーのハードウェアが現在のトラフィックをサポートするのに十分かどうかを確認します。通常の ...
このチュートリアルでは、MySQL 5.7のインストールと設定方法を参考までに紹介します。具体的な内...
目次1. 問題2. 解決策オプション1:オプション2: 1. 問題この話は、エラーと脱落率を照会する...
Web ページには、非常に複雑な HTML 構造があります。CSS を使用して関連するスタイルを定義...
この記事では、マウス フリップナビゲーションの制作についてまだ疑問を持っている友人の役に立つことを期...
1. 父から息子へ子コンポーネントにpropsフィールドを定義し、その型は配列です (フィールド値の...
目次序文SQL文の最適化遅いクエリSQLを記録する設定を変更する方法スロークエリログを表示するSQL...
新年の初めに、友人の健康と2013年が素晴らしい年となることを心からお祈りいたします。この記事では、...