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>
网友评论