美文网首页
【uni app】vue页面转微信小程序页面

【uni app】vue页面转微信小程序页面

作者: 辣子_ | 来源:发表于2021-10-13 18:16 被阅读0次

1、scss转换:
微信小程序不支持scss语法,可以使用scss 转 css 工具转换一下即可,地址:https://tool.oschina.net/less

2、html 转换:
v-for 替换为 wx:for,值加双花括号
v-if 替换为 wx:if,值加双花括号
@tap 替换为 bingtap
@change 替换为 bindchage
图片src去掉 : ,值加双花括号

输入框要增加js赋值:

<input type="text" value="{{param.shuliang}}" bindchange="inputChange" data-prop="shuliang" />

inputChange(e){
      let value = e.detail.value
      let prop = e.currentTarget.dataset.prop
      this.setData({
          ['param.' + prop]:value
      })
  }

3、js

持续更新....

相关文章

网友评论

      本文标题:【uni app】vue页面转微信小程序页面

      本文链接:https://www.haomeiwen.com/subject/nvreoltx.html