ユニアプリコード <テンプレート> <表示> <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を開きます。
[LeetCode] 175.2つのテーブルを結合する表: 人物+-------------+--...
目次mysql マスタースレーブレプリケーションMySQL マスタースレーブレプリケーション方式My...
1. はじめに:ウェブページにフラッシュ コンテンツを正常に表示したい場合は、ページ上のフラッシュ ...
1. 分割スクリプト (splitNginxLog.sh) を作成します。 * この例では、ログ分割...
目次1. データベースの制約1.1 はじめに1.2 制約の種類1.3 ヌルでない1.4 ユニーク1....
イベントでは、SQL コードを 1 回または一定の間隔で実行することを指定できます。通常、複雑な S...
MySQL-8.0.22-winx64のデータベースインストールチュートリアルは参考になります。具体...
序文私はプログラマーとしてスタートした PHP プログラマーです。これまで、トレーニング コースで勉...
1. maxPostSize を設定する理由は何ですか? tomcat コンテナには送信データのサイ...
01. VMware Workstation Pro 15 のダウンロードダウンロード: VMwa...
Django アプリケーションを構築して拡張していくと、必然的に特定のタスクをバックグラウンドで自動...
Docker は多くのスペースを占有します。コンテナを実行したり、イメージを取得したり、アプリケー...
reactプロジェクトで非常に一般的なシナリオ: const [watchValue、setWatc...
仮想マシン内の Ubuntu がネットワークに接続できない場合の効果的な解決策: 1. Ubuntu...
最近、element-ui を統合したプロジェクトで vuethink を使用しました。以前は bo...