訂閱
糾錯
加入自媒體

一篇文章教會你創(chuàng)建vue項目和使用vue.js實現(xiàn)數(shù)據(jù)增刪改查


【五、界面的布局】

這個項目我們用到boostrap.css文件,怎么引入這個boostrap的包呢?

1)打開cmd命令再這個項目輸入npm install bootsrtap;

2)在style樣式內寫入這行代碼:

@import "~bootstrap/dist/css/bootstrap.min.css"

3)寫頁面需要用到的組件布局:

4)在v-for 中的數(shù)據(jù),直接從 data 上的list中直接渲染過來的,我們自定義了一個 search 方法,同時,把所有的關鍵字,通過傳參的形式,傳遞給了 search方法,在 search 方法內部,通過for 循環(huán),把所有符合 搜索關鍵字的數(shù)據(jù),保存到 一個新數(shù)組中,返回。

5)接下在data定義id、name、keywords、list。

<上一頁  1  2  3  4  下一頁>  余下全文
聲明: 本文由入駐維科號的作者撰寫,觀點僅代表作者本人,不代表OFweek立場。如有侵權或其他問題,請聯(lián)系舉報。

發(fā)表評論

0條評論,0人參與

請輸入評論內容...

請輸入評論/評論長度6~500個字

您提交的評論過于頻繁,請輸入驗證碼繼續(xù)

暫無評論

暫無評論

    掃碼關注公眾號
    OFweek人工智能網(wǎng)
    獲取更多精彩內容
    文章糾錯
    x
    *文字標題:
    *糾錯內容:
    聯(lián)系郵箱:
    *驗 證 碼:

    粵公網(wǎng)安備 44030502002758號