工作中学习部分

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 表格行的边框线

<template>
    <Table width="550" border :columns="columns2" :data="data3"></Table>
</template>
<script>
    export default {
        data () {
            return {
                columns: [
                    {
                        title: 'Name',
                        key: 'name',
                        width: 100,
                        fixed: 'left'
                    },
                    {
                        title: 'Age',
                        key: 'age',
                        width: 100
                    },
                    {
                        title: 'Province',
                        key: 'province',
                        width: 100
                    },
                    {
                        title: 'City',
                        key: 'city',
                        width: 100
                    },
                    {
                        title: 'Address',
                        key: 'address',
                        width: 200
                    },
                    {
                        title: 'Postcode',
                        key: 'zip',
                        width: 100
                    },
                    {
                        title: 'Action',
                        key: 'action',
                        fixed: 'right',
                        width: 120,
                        // 定义某一列包含多个按钮，使用render函数
                        render: (h, params) => {
                            return h('div', [
                                h('Button', {
                                    props: {
                                        type: 'text',
                                        size: 'small'
                                    }
                                }, 'View'),
                                h('Button', {
                                    props: {
                                        type: 'text',
                                        size: 'small'
                                    }
                                }, 'Edit')
                            ]);
                        }
                    }
                ],
                data: [
                    {
                        name: 'John Brown',
                        age: 18,
                        address: 'New York No. 1 Lake Park',
                        province: 'America',
                        city: 'New York',
                        zip: 100000
                    },
                    {
                        name: 'Jim Green',
                        age: 24,
                        address: 'Washington, D.C. No. 1 Lake Park',
                        province: 'America',
                        city: 'Washington, D.C.',
                        zip: 100000
                    },
                    {
                        name: 'Joe Black',
                        age: 30,
                        address: 'Sydney No. 1 Lake Park',
                        province: 'Australian',
                        city: 'Sydney',
                        zip: 100000
                    },
                    {
                        name: 'Jon Snow',
                        age: 26,
                        address: 'Ottawa No. 2 Lake Park',
                        province: 'Canada',
                        city: 'Ottawa',
                        zip: 100000
                    }
                ]
            }
        }
    }
</script>