当前位置: 代码迷 >> 综合 >> 初学uni-app,微信小程序js代码转uni-app代码笔记备录
  详细解决方案

初学uni-app,微信小程序js代码转uni-app代码笔记备录

热度:95   发布时间:2024-02-19 16:20:11.0

项目场景:

近期公司有个项目需要开发微信小程序和h5网页两个版本,现在有一套基础的微信小程序商城,想把它转成uni-app版本,备注一些基础的信息


问题描述:

1、js文件引入问题
微信小程序 中是用下面的方式:

var handle = require('handle.js')
uni-app 中是用下面的方式:
import handle from "@/js/handle.js"

2、关于js方法共用的问题,下面是小程序中的写法,在uni-app中同样适用,还可以重命名方法名

function PostRequest(){....
}
//加上下面这段即可在其他js文件或者页面中,引入当前js文件后使用
module.exports = {post: PostRequest
}

 另外uni-app中也可以这样写,但是没法重命名方法名,多个方法之间用英文逗号隔开

function PostRequest(){
.....
}
export defaultPostRequest
}

3、原生的一些方法的替换

原有wx.开头的方法直接替换成uni.即可

//微信中写法
wx.stopPullDownRefresh();//停止下拉刷新//uni-app中写法
uni.stopPullDownRefresh();//停止下拉刷新

4、全局变量设置

 比如设置一个整站通用的js文件

//在main.js中加入如下代码
import config from '@/config.js'
Vue.prototype.$config = config //在.vue文件中即可通过下面的方式使用
//引用vue
import Vue from "vue"
//直接使用 xx为js中的字段或者方法
Vue.prototype.$config.xx

 

  相关解决方案