ユニアプリコード <テンプレート> <表示> <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を開きます。
CSS の将来は非常に楽しみです。一方では、まったく新しいページ レイアウト方法であり、他方では、ク...
CSS を使ってさまざまなグラフィックを実現できるのは素晴らしいことです。画像を切り取る必要はなく、...
目次背景複合インデックスを理解する左端一致原則フィールド順序の影響複合インデックスは単一のインデック...
目次概要1. 必要なソフトウェア環境を開発する1) VSコードのインストール2) ノード開発環境をイ...
この記事では、参考までに、ファイルのオンラインプレビューを実現するためのvue-pdfの具体的なコー...
目次背景1. 思考分析2. ページ構成2.1 HTML レイヤー2.2 CSS レイヤー2.3 JS...
目次MVCとMVVMの違い前述のMVCC の概要長所と短所MVVM概要MVVM 実装者 — Vue ...
目次JSBridgeの起源JSBridgeの双方向通信原理JSはネイティブを呼び出すネイティブコール...
この記事では、MySQL が乱数を生成し、文字列を連結する方法について例を使用して説明します。ご参考...
Flash ファイル形式: .FLV および .SWFフラッシュ ビデオ形式には、.flv と .s...
レイアウトを編集するとき、通常は水平センタリングと垂直センタリングを使用してデザインします。水平セン...
定義と使用方法:コンポーネントのテンプレートでスロットタグの定義を使用します。デフォルトの表示値は、...
準備: 192.168.16.128 192.168.16.129 2 台の仮想マシン。 Nginx...
お使いのコンピュータが Mac の場合、homebrew を使用して MySQL をインストールする...
div で background-color と background-image を同時に設定する...