element ui中Checkbox的動態渲染

2022-07-06 22:30:18 字數 727 閱讀 3864

今天做乙個vue的多項選擇效果,引入了element ui中的checkbox外掛程式,使用的是它的多選框組的ui外掛程式,其中這些checkbox是通過後台返回資料動態進行渲染,在渲染的過程中遇見了一些很不正常的互動效果,要麼是所有的checkbox都選中了,取消乙個checkbox選中狀態就少乙個checkbox,要麼是選中乙個checkbox,就會自動生成乙個新的checkbox,搞得我暈頭轉向,後來經排查,原來是多選框組中v-model搞的鬼,也可能是我理解的不到位導致的,這裡我做個解釋:

以上是我的正確**,官方文件**如下:

el-checkbox> el-checkbox> el-checkbox> el-checkbox> el-checkbox> el-checkbox-group> template> export default ; } }; script>

從範例中看出checklist和每乙個el-checkbox中的lable是有關聯的,於是我就在處理動態資料的時候還原案例裡的資料關係,但發現按照案例走,會出現上述我說的那兩種不正常的現象,下面是當時出現不正常現象的**

於是我開始找問題,發現checklist其實和每乙個el-checkbox中的lable是可以分開處理的,就是v-model繫結的變數和label迴圈的時候所用的陣列變數可以不是同乙個,這樣就可以完美解決上述那些不正常的現象,然後在點選checkbox時候觸發change事件,去給querychecklist賦值即可

changecheckbox(data) ,

MySQL中CHECK約束無效

今天才知道在mysql中check約束是無效的,例如下面一段 在建立表table1時新增了check約束,要求field1欄位的值大於零,隨後向field1欄位插入 1,這明顯違反check約束,但這段 在mysql中卻可以執行成功。create table table1 field1 int,ch...

DDL中的check約束學習

1.check的作用是 定義每一行必須滿足的條件。2.check約束可以有以下六種 not null 非空約束 unique 唯一約束 primary key 主鍵約束 foreign key 外來鍵約束 check 檢查約束 default 預設約束。3.check使用注意事項 不可以對以下表示式...

oracle中CHECK 約束的使用

check 約束用於限制列中的值的範圍。如果對單個列定義 check 約束,那麼該列只允許特定的值。如果對乙個表定義 check 約束,那麼此約束會基於行中其他列的值在特定的列中對值進行限制。create table 時的 sql check 約束 create table persons p id...