編寫微信小程式時碰到的一些小問題總結(不定時更新)

1.點選input時，禁止手機鍵盤彈出

給标簽裡面加個 readonly 屬性

2.調試器下面經常出現 [component] slot “” is not found

調試版本 改為 2.18.1 以下的就好了

3.向微信小程式中引入iconfont圖示

使用iconfont的格式，class="iconfont 圖示名"

5.https://apis.map.qq.com 不在以下 request 合法域名清單中

詳情點選此處連結 https://blog.csdn.net/blue__k/article/details/120417324

6.小程式中form表單送出

給

form

加上

bindsubmit

事件 給儲存按鈕加上

formType

="

submit

"，記得給每一個

input

加上

name

屬性，否則送出不過去

7.省市級三級關聯選擇器

wxml

<picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
        <van-field value="{{ placeValue}}" name="placeValue" required label="期望工作地" placeholder="請選擇工作地" icon="arrow" readonly/>
      </picker>
           

js

Page({
  /**
   * 頁面的初始資料
   */
  data: {
    region: [],
    placeValue: '',
  },
  // 工作地
  //省市區選擇器
  bindRegionChange: function (e) {
    this.setData({
      region: e.detail.value,
      placeValue: `${e.detail.value[0]} ${e.detail.value[1]} ${e.detail.value[2]}`
    })
  },
})
           

8.小程式 picker元件不顯示 确認和取消按鈕

加上

show-toolbar

即可

比如寫個工作年限的彈出框

wxml

<view bindtap="showYears">
        <van-field value="{{ workingYears }}" name="workingYears" required clearable label="工作年限" placeholder="請選擇" icon="arrow" readonly>
        </van-field>
      </view>
      <van-popup show="{{ isYears }}" bind:close="closeYears" position="bottom">
        <view>
          <van-picker columns="{{ yearsArr }}" bind:cancel="closeYears" bind:confirm="confirmYears" show-toolbar/>
        </view>
      </van-popup>
           

js

Page({
  /**
   * 頁面的初始資料
   */
  data: {
    workingYears: '',
    isYears: false,
    yearsArr: ['1年以内', '1-2年', '3年及以上'],
  },
  //工作年限
  showYears() {
    this.setData({
      isYears: true
    })
  },
  closeYears() {
    this.setData({
      isYears: false
    })
  },
  confirmYears(e) {
    this.setData({
      isYears: false,
      workingYears: e.detail.value
    })
  },
})