vue做乙個上移和下移,刪除的li 功能

2022-03-30 05:00:59 字數 912 閱讀 2876

效果圖:

思路就是冒泡原理,把資料放到乙個空陣列,對其進行排序, 單選框用到的是iview 。

具體實現**:

for="item in singledlists" :key="item.index" >   // 陣列singledlists

style="width: 300px;marginleft:.4rem;" /> // item.content 動態設定input

上移下移刪除

新增選項

// hidebutton 控制顯示和隱藏 ,isshow:false ;

// 新增

//

新增答案選項

addsingleanswer() );

//置空

// 以b為基點上移 (根據index值)

下移movedown(item)

},//刪除

singleanswerdelete(item)

},

用 Vue 做乙個簡單的購物app

一整個專案寫下來,最大的感覺就是元件式開發,管理起來實在是太舒服了。而且vue中寫scss還可以指定區域性有效。這樣寫起scss感覺安全多了。用 vuex 進行全域性資料管理也挺舒心的。element ui 則大大解放了生產力。上述技術棧簡要說明 vue cli vue cli 就是使用搭建vue專...

vue做乙個簡單的登入頁面,input校驗

立即登入 備註 1.使用此方法前檢查prop一定必須要寫在上面,寫在裡面的input上或者其他任何地方都不行 el form item prop屬性繫結 2.el form rules,model屬性繫結,ref標識.3.this.refs formname validate 這個是在點選登入按鈕後...

跟我一起做乙個vue的小專案(十一)

接下來我們進行的是詳情頁動態路由及banner布局 先看頁面的效果 下面是 部分 故宮 aaaaa景區 39 接下來我們進行畫廊元件的封裝 首先修改webpack.base.conf.js檔案 接下來我們進行gallery元件的封裝 點選我們的banner圖,會進入gallery元件裡面,點選gal...