评论

【日志】uniapp开发心得记录--目前为止

目前在用uniapp开发移动端项目时遇到的问题,做个笔记进行归纳

Uniapp

  1. 当引入vant时,报错postcss-loader且一大串icon方面的,打开vant下的icon下的index.wxss重排代码格式且在url前加空格即可

  2. 当引入uni-ui的插件时:安装插件,按路径导入所需组件,再注册组件即可

  3. 判断空对象方式:JSON.stringfy(object) == “{}”

  4. 返回上一页时想携带参数(不支持,navigateTo可以),可以换一种角度思考,通过页面调用栈修改上一页或上几页的数据,间接达到携带参数到上一页的需求

let pages = getCurrentPages(); //获取所有页面栈实例列表
console.log(pages);
let nowPage = pages[pages.length - 1]; //当前页页面实例
let prevPage = pages[pages.length - 2]; //上一页页面实例
console.log(prevPage.$vm);
prevPage.$vm.Index = this.index*1; //修改上一页data里面的Index 参数值
prevPage.$vm.goodsList[prevPage.$vm.Index] = this.goods; //修改上一页data里面的goodsList对应Index下标 参数值
  1. 页面适配方面,移动端尽量做到宽高用rpx/vw,vh表示,margin或top这种定位的最好用百分比表示,而不要固定死多少rpx

  2. uniapp的input输入框的value获取方式只能有两种方式,一种是@input事件触发获取,另一种是@blur事件触发获取,而不能像vue框架一样直接可以从双向绑定中获取。 @input:输入框在输入内容时触发;@blur:焦点移出输入框时触发

点赞 1
收藏
评论
登录 后发表内容