工作中学习部分

1. h5请求中包含小程序跳转

$.ajax({
  url: '/me/editinfo',
  type: 'POST',
  dataType: 'json',
  data: {
    avatar: _avatar,
    nick: _nick,
    sex: _sexy,
    birthday: _birthday,
    phone: _phone,
    email: _email
  }
})
.done(function(json) {
  layer.closeAll();
  if (json.success) {
    layer.msg('修改成功',1,1);
    // 小程序跳回
    if(window.__wxjs_environment === 'miniprogram'){
      wx.miniProgram.switchTab({
        url: '/pages/me'
      })
    } else {
      _back && _back == 'memberCenter' ? _back = _back+'?layerType=1' : null;
      _back ? location.href = '/'+_back : null;
    }
  }else{
    layer.msg('请求失败,请重试',1,3);
  };
})
.error(function(json) {
  layer.msg('请求失败,请重试',1,3);
});

2 .小程序原生弹层

wx.showModal()

3. 路由跳转复用同一组件

路由跳转复用同一组件:由于组件已经渲染过一次,参数改变不会被重新渲染,所以调用beforeRouteUpdate重新渲染组件
https://router.vuejs.org/zh/guide/advanced/navigation-guards.html#组件内的守卫

  beforeRouteUpdate (to, from, next) {
    // 在当前路由改变,但是该组件被复用时调用
    // 举例来说,对于一个带有动态参数的路径 /foo/:id,在 /foo/1 和 /foo/2 之间跳转的时候,
    // 由于会渲染同样的 Foo 组件,因此组件实例会被复用。而这个钩子就会在这个情况下被调用。
    // 可以访问组件实例 `this`
  },

4. ivew表格

columns 定义表格的列数据
data 定义表格的行数据
border 表格行的边框线



你可能感兴趣的:(工作中学习部分)