用vue運算元組時,一般就那幾個方法,而且是可以渲染的,但是有時候列表是渲染不了的先說下運算元組的幾個方法吧
1 push ( )
這個方法是在陣列的最後面新增元素
用法: 括號裡寫需要加入的元素 this.list.push(object)
2 pop( )
刪除陣列中的最後乙個元素
用法: this.list.pop() 括號裡不需要引數
3.shift ( )
刪除陣列中的第乙個元素 和pop()用法一樣
4.unshift ( )
在陣列的最前面新增元素 和push()用法一樣
*5.splice( )
這個用法是挺重要的,它可以用來刪除,插入和替換陣列中的元素
用法:splice() 括號中可以有3個引數,第乙個是索引值就是從哪個索引開始算起,第二個是長度值,第三個是物件元素
有兩個引數的是刪除元素,這裡的index是乙個變數它是索引值,index是多少就刪除從index算起長度為一的元素
有三個引數的是替換也就是插入元素,我這裡是自己寫的物件進行替換
6.注意
實際上我們在運算元組時有時會出現console出來的資料改變了,但是列表沒有渲染的問題,我建議大家在對陣列進行操作時還是用this.$set()好點
這個是接著上圖做的小改變,然而這種方法也沒有渲染,因為需要對this.list進行操作才能使列表渲染,像這種寫法沒什麼用
需要重新再來一遍把this.list裡的物件再給替換一次,因為我做的功能是乙個樹形**,list下面物件還有子節點物件,操作起來比較麻煩
用Vue做專案時 遇到的坑
vue專案心得 1.用到了moment外掛程式 格式化時間.匯入格式化時間的外掛程式 1.import moment from moment 2.用到了過濾器 註冊全域性過濾器 vue.filter dateformat function datestr,pattern yyyy mm dd hh ...
vue中遇到的坑
1 乙個是eventhub的坑 重複監聽的問題 解決方案監聽之前先off掉 2 路由的坑 不加replace會兩個頁面來回跳,無法正常的返回父級頁面。3 vuejs對data中陣列的原生方法進行了封裝,所以在改變陣列時能夠觸發檢視更新,但是以下兩種情況是無法觸發檢視的更新的 1 通過索引直接修改陣列...
安裝 anaconda 時遇到的坑
在win10系統中安裝anaconda時,最後總是報錯 unicodedecodeerror utf8 codec can t decode byte 0xce in position 11 invalid 這是由於windows使用者名稱中含有中文字元導致的,網上好多推薦對windows使用者名稱...