使用技巧

// 对话框
Taro.showModal({
      title: '温馨提示',
      content: '请您先进行登录',
      confirmColor,
      confirmText: '授权登录',
      cancelText: '再看看',
      success(res) {
        if (res.confirm) {
          const pages = Taro.getCurrentPages()
          const options = pages[pages.length - 1]?.options
          let referer = `/${pages[pages.length - 1]?.route}` ?? ''
          let optionsString = JSON.stringify(options)
          Taro.redirectTo({
            url: `/pages/auth/login?referer=${referer}&paramsString=${optionsString}`
          })
        } else {
          Taro.switchTab({ url: '/pages/index/index' })
        }
      }
    })

微信分享

<nut-button open-type="share">微信分享</nut-button>

nextTick

import { nextTick } from '@tarojs/taro'


// 表单回显问题，在vue 中onMounted，nextTick勾子函数，表单modelValue还是空，在taro/js提供的nextTick勾子，modelValue是已经更新
// 注意
onMounted(() => {
  nextTick(() => {
    if (props.modelValue) {
      getDetail(props.modelValue)
    }
  })
})

省略号

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

键盘遮挡输入框

问题描述：

1.弹窗中有上下两个输入框，设置了cursorSpacing属性后，从第一个输入框换到第二个输入框的时候，输入框聚焦位置上下偏移。

原因：cursorSpacing设置了与键盘的距离，不同输入框聚焦的时候，距离键盘位置随时改变，但是页面撑起的距离没来得及变化，造成位置误差

解决办法： 同时设置input框的这两个属性

// cursorSpacing: globalStore.systemInfo?.brand === 'iPhone' ? 30 : 0, // 解决键盘不上顶页面
    alwaysEmbed: true,
    cursorSpacing: '100rpx',

小程序view英文数字不换行的问题

word-break:break-all; 加这样一句话就可以啦

H5 空白页的

- 场景：首次链接进入order-center，浏览器保留history浏览记录，点击底部首页，从首页进入非tab-bar页面。在非tab-bar页面，使用taro.switchTab（问题点）,回到order-center页面，点击浏览器后退，回到首页，从首页进入非tab-bar页面（第一次进入非tab-bar页面路径要一样），非tab-bar页面会空白。

- 解决：switchTab换成reLaunch(关闭所有页面) （未解决）后来用来window.localtion.href解决

H5的路由