# CellMobile 输入框

### 介绍

用户可以通过下拉框选择区号并在输入框中输入手机号。

### 引入

```js
import yCellMobile from "yesaway-wui/src/components/yCellMobile";
```

## 代码演示

### 基础用法
可以通过 `v-model` 双向绑定输入框手机号码的值，通过`areacode`绑定区号值，通过 `placeholder` 设置占位提示文字。
```html
<y-cell-mobile title="手机号码"
               v-model="mobile"
               place-holder="请填写一个手机号码"
               :areacode.sync="areaKey"
               default-area-key="94"
               :area-code-list="areaList"></y-cell-mobile>
```

## API

### Props

| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| v-model | 当前输入的值 | _number丨string_ | --- |
| areacode | 当前选中区号 | _string_ | --- |
| place-holder | 输入框占位提示文字 | _string_ | --- |
| title | 输入框左侧文本 | _string_ | --- |
| disabled | 是否禁用 | _boolean_ | --- |
| is-required | 是否必填 | _boolean_ | --- |
| custom-class | 额外类名 | _string_ | --- |
| area-code-list | 区号列表 | _Array_ | --- |
| default-area-key | 默认区号 | _string_ | --- |
| lang-package | 弹出层标题及按钮文案配置 | _object_ |_{ enter: "确定", areacode: "选择区号" }_|

### Events

| 事件名     | 说明                                     | 回调参数            |
| ---------- | ---------------------------------------- | ------------------- |
| modelValue      | 手机号码更新时触发 | _event: Event_ |
| areacode      | 区号更新时触发 | _event: Event_ |
| blur      | 输入框失去焦点时触发 | _event: Event_ |