小プログラムの最初の経験の概要は、最終的に落とし穴から登った、あなたが欠点を修正することを願っています。
h5でのvant-weappの実行
アプレットコンポーネントにはいくつかの依存ファイルがないため、あるファイルをダウンロードし、wxcommponents/vantディレクトリにコピーして、古いディレクトリを上書きし、再度コンパイルする必要があります!
openidを取得できません
本番環境でopenidが取得できない問題:
開発環境では、デフォルトでは正当なドメイン名をチェックしませんが、本番環境では正当なドメイン名をチェックする必要があります。
そのため、エラーメッセージをもとに正当なドメイン名を設定する必要があります。
まあ、ドキュメントに書いてあることを読んでください:
つまり、フロントエンドはAppSecretを保存できないので、パスのスプライスという形でフロントエンドで直接openidを取得することはできません。
結論:バックエンドの設定 appid、AppSecret を使って openid を取得します。
uniappデータアクセス
uniapp データストレージ
uni.setStorage({ key: 'nickName', data: this.userInfo.nickName })uniappデータ読み込み
uni.getStorageSync('openid')もしかしたら
uni.getStorage({ key:'avatarUrl', success(e) { self.avatarUrl = e.data } })van-fieldでは双方向のデータバインディングができません。
バンフィールドは、双方向のデータバインディングを達成することはできませんので、いくつかの遅延を追加するには、提案の提出では、エラー報告によって引き起こされる提出のデータバインディングを避けるために、達成するためにぼかしの代替案を使用することができます
<van-field label="連絡先名" :value="name" @blur="handleFieldChange" data-fieldName="name" placeholder="連絡先名を入力してください"/>
// 入力バインディング
handleFieldChange(e) {
let fieldName = e.currentTarget.dataset.fieldname this[fieldName] = e.detail.value
}
textarea階層的な問題
解決策 1:
を解決するには、viewタグの代わりにアプレットのcover-viewタグを使いますカタログ
解決策 2:
ポップアップ・ボックスのタイプは、ポップアップ時にはtextに設定され、閉じるときにはtextareaに設定されます。
解決策 3:
固定textviewを記述すると、ポップアップボックスを非表示に表示するかどうかでtextareaの表示を制御するために表示を使用することができますが、このメソッドは、ジッタを切り替えるには、当面の解決策はありません。
<van-field label="備考説明" :class="{disN: fieldType === 'text'}" type="textarea" :value="project_remark" @blur="handleFieldChange" data-fieldName="project_remark" placeholder="ここに問題を記述してください " autosize / " 。>
<view :class="[{disN: fieldType === 'textarea'}, 'discWrapper']">
<text class="label">備考 説明</text>
<view class="textarea">{{project_remark}}</view>
</view>
ファイルのアップロードとダウンロードの失敗
アップロードとダウンロードのドメインを設定する必要があります。
その他
cover-view:uniappはmescroll-uniを使用し、mescroll-bodyを使用することはできません。
ライフサイクルフックは、コンポーネント内でトリガーすることはできません。
アプレットはルートガードを持ちません。
アプレットアクセスインターフェイスは、httpsドメイン名を設定する必要があります。
アプレットはドキュメントオブジェクトを持ちません
アプレット側ではv-showは利用できません。




