ui-app工作总结

获取屏幕宽度

const { windowWidth, windowHeight } = uni.getSystemInfoSync();  

两行多余的用省略号

.wrap-2-lines{
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: normal !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

scroll-view 横向滑动得加

  white-space:nowrap;

iphonex底部适配

<style>  
.list {  
  padding-bottom: 0;  
  padding-bottom: constant(safe-area-inset-bottom);  
  padding-bottom: env(safe-area-inset-bottom);  
}  
</style>

简单的状态管理

由于笨没有理解官网上的简单状态管理，现在理解了，发现并没有想象中的那么灵活
var store = {
  debug: true,
  state: {
    message: 'Hello!'
  },
  setMessageAction (newValue) {
    if (this.debug) console.log('setMessageAction triggered with', newValue)
    this.state.message = newValue
  },
  clearMessageAction () {
    if (this.debug) console.log('clearMessageAction triggered')
    this.state.message = ''
  }
}
var vmA = new Vue({
  data: {
    privateState: {},
    sharedState: store.state
  }
})
是不是用的时候要this.$root.$data.sharedState ?
或者
Vue.prototype.$store = store   this.$store

微信小程序图片预览功能

//图片点击事件
   imgYu:function(event){
      var src = event.currentTarget.dataset.src;//获取data-src
      var imgList = event.currentTarget.dataset.list;//获取data-list
      //图片预览
      wx.previewImage({
        current: src, // 当前显示图片的http链接
        urls: imgList // 需要预览的图片http链接列表
      })
   }

如果你v-for里key值不正确那么就会出现事件传值的时候就会出现undefined