美文网首页
工作中学习部分

工作中学习部分

作者: 黑色的五叶草 | 来源:发表于2019-02-13 12:01 被阅读0次

    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>
    

    相关文章

      网友评论

          本文标题:工作中学习部分

          本文链接:https://www.haomeiwen.com/subject/ywwreqtx.html