ActInputQQ

Introduction

import PressActInputQQ from '@tencent/press-plus/press-act-input-q-q/press-act-input-q-q';

export default {
   components: {
     PressActInputQQ,
   }
}

Code Demo

Basic usage

<PressActInputQQ
   :show.sync="show"
   :qqnumber.sync="qqNumber"
   @clickButton="clickButton"
/>

export default {
    data() {
     return {
       show: true,
       qqNumber: '111111',
     };
   },
   methods: {
     clickButton() {
       this.onGTip('[clickButton]');
     },
   },
}

API

Props

Parameters	Description	Type	Default value
show	Whether to display the pop-up window	boolean	false
qqnumber	QQ number	string	true
use-tip-class	Whether to use the class name prefixed with tip-comp	boolean	false
hide-tip-style	Whether to hide the style added when @TIP_STYLE_NAME keyword is compiled	boolean	false

Events

Event name	Description	Parameters
clickButton	Click to confirm	-
update:show	Update display status	show, whether to display
update:qqnumber	Update QQ	qqNumber, QQ number