ユニアプリコード <テンプレート> <表示> <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を開きます。
MySQLパスワード変更例の詳細な説明長い間 MySQL を使用していませんでした。今日、MySQL...
序文開発プロセスでは、すべてのデータではなく特定の期間内のデータをクエリするなど、クエリのフィルタリ...
1. データを準備するこのテーブルでは次の操作が実行されます 学生テーブルを作成 ( id int ...
今日、null 値をテストしていたところ、小さな問題が見つかりました。ここに記録しました。以前にも遭...
テキストファイルの内容を並べ替える使用方法: ソート + オプション + ファイル名 (複数のファイ...
XHTML 見出しの概要Word 文書を作成するときは、「第 1 章」、「1.2.1」などのタイトル...
序文動的プロキシの原理を説明する前に、まず、mybatis を統合した後の dao 層の 2 つの実...
最近、かなり暇です。大学4年生として数か月間インターンをしていました。インターンとして、Docker...
問題を見つけるまず問題を見てみましょう。ミニプログラムでは、Vant のダイアログ コンポーネント ...
目次遷移フック関数カスタム遷移クラス名遷移グループの使用まとめまずは例を見てみましょうコードは次のと...
1. 属性付きHTMLタグXML/HTML コードコンテンツをクリップボードにコピー< htm...
目次1. Ubuntuソースの変更2. MySQLをインストールする3. 新しいユーザーを作成し、権...
背景トランザクションについて話すとき、誰もがそれに精通している必要があります。MySQL データベー...
目次JDKをダウンロードしてインストールするTomcat 圧縮パッケージをダウンロードTomcatの...
目次1. 基礎知識: 2. DHCPサーバーの設定: 1. サーバーのIPを確認する2. DHCP ...