當使用vue的按鍵修飾符不起效果的時候怎麼辦?如@keyup.enter = '' ;

来源:https://www.cnblogs.com/yaogengzhu/archive/2019/02/21/10416002.html
-Advertisement-
Play Games

這個問題困擾了我一個多小時,各種測bug !始終測不出來! 直接上代碼(錯誤示範) 但是問題是:如果我們使用第三方組件這個方法並不奏效了 這時我們應該這麼寫 ) 註意:這是我們必須在@keyup.enter後面加一個native 來確保這個功能能夠得到實現 ...


這個問題困擾了我一個多小時,各種測bug !始終測不出來! 

直接上代碼(錯誤示範)

  <el-form-item prop="password">
        <el-input
           @keyup.enter="check('form')"  //在vue中這個代碼是可行的
          type="password"
          v-model="form.password"
          placeholder="密碼"
          prefix-icon="myicon myicon-key"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" class="login-button" @click="check('form')">登錄</el-button>
      </el-form-item>

 

但是問題是:如果我們使用第三方組件這個方法並不奏效了 這時我們應該這麼寫  )

註意這是我們必須在@keyup.enter後面加一個native 來確保這個功能能夠得到實現

  <el-form-item prop="password">
        <el-input
           @keyup.enter.native="check('form')"  
          type="password"
          v-model="form.password"
          placeholder="密碼"
          prefix-icon="myicon myicon-key"
        ></el-input>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" class="login-button" @click="check('form')">登錄</el-button>
      </el-form-item>

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • android 動畫分為兩類,View Animation(視圖動畫)和property Animation(屬性動畫),View Animation(視圖動畫)包含了Tween Animation和Frame Animation, property Animation包含Value Animati ...
  • 在iOS開發中經常遇到一些欄位和類型的定義,例如配置生產和測試不同環境的參數等,這時候經常用到#define、const以及typedef。那麼它們之間有什麼區別呢?我們接下來一個一個具體瞭解下。 一、基本概念 1.1、#define #define並不是定義全局變數,而是巨集定義。也就是說並不是真正 ...
  • EasyMessenger ====== "直達Github項目地址" 一款用於Android平臺的基於Binder的進程間通信庫,採用 生成IPC通信需要的代碼。 相對於 具備如下優勢: 採用Java聲明介面,更方便 介面方法支持重載 同時支持同步和非同步通信 目前支持如下數據類型: boolean ...
  • 前言: 代理模式是iOS中非常重要的一個模式,iOS SDK中的系統控制項幾乎都用到了代理模式。代理模式用來處理事件監聽、參數傳遞功能。 協議創建(Protocol): 可手打如下代碼,或者在代碼塊裡面搜索"protocol",然後把協議的代碼拖拽出來 @protocol FullcellDalega ...
  • 在製作完成室內三維地圖的功能後,最經常有的需求就是如何做人員的軌跡回放,一般流程都是從資料庫中查詢軌跡坐標後,經過後臺查詢介面返回給前端,接下來的事情都交給JS來完成。如果想做好一個性能好的軌跡回放功能,還是很有技術含量的,比如我要加一個時間軸,可以隨時拖動時間查詢,然後能快速響應顯示人的軌跡?這就... ...
  • Webpack 4 給我們帶來了一些變化。其中包括更快地打包,引入了SplitChunksPlugin,並淘汰掉之前的CommomsChunksPlugin。在本文,你將學習如何拆分輸出代碼以提高應用的性能。 ...
  • 將map平面的ground:"world-elevation"進行三維顯示 var map = new Map({ basemap:"hybrid", ground:"world-elevation" }); var view = new SceneView({ container:"viewDiv ...
  • 摘要: 對比GET與POST。 1. 前言 最近看了一些同學的面經,發現無論什麼技術崗位,還是會問到 get 和 post 的區別,而搜索出來的答案並不能讓我們裝得一手好逼,那就讓我們從 HTTP 報文的角度來擼一波,從而搞明白他們的區別。 2. 標準答案 在開擼之前嗎,讓我們先看一下標準答案長什麼 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...