亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue多組件怎么做排序?

vue多組件怎么做排序?

慕的地6264312 2019-05-09 22:53:45
問題描述我有很多個組件需要引用,這些組件的結構都不一致,但是需要在他們上面加一個上移下移。并且一個組件可能會有多個,所以需要用到v-for。通過改變data來渲染更新視圖,但是由于模板中已經把地方組件寫死在那了,就算數據改變了,視圖的位置也不會更新。相關代碼模板:處理:data(){return{currency:['initial','basic','introduce','education','work','skill']}},methods:{orderTake(order,index){if(order=='asc'){if(index>1){letstr1=this.currency[index],str2=this.currency[index-1];this.currency[index]=str2;this.currency[index-1]=str1;console.log(this.currency)}}elseif(order=='desc'){if(index
查看完整描述

2 回答

?
繁華開滿天機

TA貢獻1816條經驗 獲得超4個贊

改成了這樣解決了,is渲染模板,只是中途需要注意一點,數組的更新視圖問題。之前都沒在意。如果只是通過array[0]=1;這樣不會更新視圖,需要用到$set
                            
查看完整回答
反對 回復 2019-05-09
?
守著一只汪

TA貢獻1872條經驗 獲得超4個贊

在模板寫死就不能切換位置了,你這種需求想通過代碼解決也許只有寫render了。不過還有一種比較簡單的方法,可以通過css來控制組件顯示位置可以了解下CSSorder屬性規定了彈性容器中的可伸縮項目在布局時的順序
                            
查看完整回答
反對 回復 2019-05-09
  • 2 回答
  • 0 關注
  • 924 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號