# PCLogin
PC login pop-up window.
# Introduction
import PressPCLogin from 'press-plus/press-login-p-c/press-login-p-c';
export default {
components: {
PressPCLogin,
}
}
# Code Demo
# Basic usage
<PressPCLogin
:show.sync="show"
@close="closeDialog"
@jumpToLoginWX="jumpToLoginWX"
@jumpToLoginQQ="jumpToLoginQQ"
/>
export default {
components: {
PressPCLogin,
},
data() {
let show = false;
// #ifdef H5
show = true;
// #endif
return {
show,
};
},
methods: {
showDialog() {
this.show = true;
},
jumpToLoginWX() {
this.onGTip('[jumpToLoginWX]');
this.show = false;
},
jumpToLoginQQ() {
this.onGTip('[jumpToLoginQQ]');
this.show = false;
},
closeDialog() {
console.log('closeDialog');
},
},
};
# API
# Props
| Parameters | Description | Type | Default value |
|---|---|---|---|
| show | Whether to display | boolean | false |
| show-q-q | Whether to display QQ login | boolean | true |
| show-w-x | Whether to display WeChat login | boolean | true |
| destroyed-when-closed | Whether to destroy when closed | boolean | false |
# Events
| Event name | Description | Parameters |
|---|---|---|
| close | Triggered when the pop-up window is closed | - |
| jumpToLoginQQ | Click QQ to log in | - |
| jumpToLoginWX | Click WeChat to log in | - |