vue實現回車新增資料並記錄輸入的個數

2021-10-23 20:29:59 字數 755 閱讀 4073

期望實現效果:

在輸入框輸入資料,回車代表一組資料輸入完畢,輸入的同時記錄輸入的個數。

思考:(1)回車代表一組資料輸入完畢,要把所有的資料傳給後端,可以把回車輸入的資料轉化為陣列的形式,再根據後端的需要做資料處理。

(2)監聽輸入的資料,回車新增及刪除,所以最好用@input,邊輸入就邊把回車替換了,並且刪除的行為也能監聽到變化

(3)要記錄輸入的個數,需要實時監聽,就要在watch方法裡監聽陣列長度。但是這樣有乙個問題,最後一組資料輸完之後回車,數量會加1,但是其實沒有輸入資料,所以需要做乙個三目判斷。

type

="textarea"

:rows=

"4" @input=

"watchvalue"

placeholder=

"請輸入裝置號"

v-model=

"deviceid"

>

<

/el-input>

}<

/p>

<

/div>

<

/template>

export

default},

methods:,}

,mounted()

, watch:}}

<

/script>

"scss" scoped>

<

/style>

Pymsql 實現批量新增資料

usr bin env python encoding utf 8 import pymysql 開啟資料庫連線 db pymysql.connect localhost root 123 testdb 使用 cursor 方法建立乙個游標物件 cursor cursor db.cursor sql...

mysql新增資料庫新增使用者並授權使用者

建立資料庫 create database basename 建立使用者 create user username 訪問限制 identified by password 授權使用者 grant all privileges on 資料庫名稱.表名稱 to username 訪問限制 重新整理使用者...

提高查詢新增資料記錄速度的方法

我們經常需要查詢新增的資料記錄,比如新開發的客戶,這就需要判斷這些客戶原來是否存在,用的比較多的是用not exists來區分新增客戶。當資料庫表記錄很多時,查詢速遞需要很長時間,長得難以忍受。例如,我們查詢新增客戶量收,語句如下 select b.city,b.ssxs,a.clct bureau...