環境配置：Vue + FrameWork 7 ，外面包一層Apk，做成App供手機測試
以下將紀錄在實作時遇到的雷坑及如何解決的。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
| <!-- 驗證碼: authenticationCode Start -->
<f7-list-item v-else>
<f7-input
type="tel"
class="input-border"
placeholder="input verification code"
:value="authenticationCode"
label="Phone"
@keyup.enter="confirmActive"
@input="authenticationCode = $event.target.value"
pattern="[0-9\.]*"
error-message="Verification code only be a number."
clear-button
validate
required
maxlength="4"
minlength="4"
></f7-input>
</f7-list-item>
<!-- 驗證碼 End -->
</f7-list>
|
遇到一個問題是：手機開啟App後，按下送出鍵會原地Refresh重整頁面，不會真的送出。
於是使用`@keyup.enter.native=”confirmActive”`方法，發現仍行不通。
經過萬能的Google搜尋、Debugger後，發現了原則：
1
2
| `@keyup.enter="confirmActive"` => 手機按下送出後，執行confirmActive方法
`@keyup.enter.native="confirmActive"` => 電腦按下送出後，執行confirmActive方法
|
