编写微信小程序时碰到的一些小问题总结(不定时更新)

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
    })
  },
})