ユニアプリコード <テンプレート> <表示> <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. レイヤー4負荷分散の概要レイヤー 4 ロード バランシングとは何ですか?いわゆる 4 層負荷分...
この記事で説明する等幅レイアウトでは、純粋な CSS を使用して、要素の幅を手動で設定することなく、...
目次1. ブロックスコープ1.1. let は var を置き換える1.2. グローバル定数とスレッ...
序文この記事では、山括弧のその他の用途をさらに詳しく見ていきます。前回の記事では、山括弧 (<...
情報の最適化と改良は常にデザインの最初のステップです。 「これは百度アライアンスユーザーエクスペリエ...
GitHub が提供するコード ホスティング サービスと同様に、Docker Hub はイメージ ホ...
序文ページを共有するときに、ブラウザの戻るボタンをクリックしてプロジェクトのホームページに戻り、訪問...
それは何ですか? GNU Parallel は、1 台以上のコンピュータでコンピューティング タスク...
複数行を超えるテキストをインターセプトするための HTML コードは次のとおりです。 HTML:コー...
従来、開発者はインスタンスで必要になる可能性のあるデータに対して JavaScript クラス内にプ...
目次1. キャラクター文法パラメータ索引戻り値2. 連結文法パラメータ文字列2 [, …文字列N]戻...
必要フィールドをクエリする場合、フィールドに同じ値を指定する必要があります。この値はハードコードする...
1. インストール1. MySQLをダウンロードするダウンロードアドレス: リンクアドレスブラウザで...
目次要件:実装手順:この記事では主に以下について説明します: カスタムツリーコントロール<el...
1 はじめに優れたコーディング習慣は優れたプログラマーが備えるべき資質ですが、コードの品質を保証する...