1.介面返回的資料格式為
data
多個這樣的list，解決辦法為
1）先將介面資料做乙個對映：
// 鍵名對映
matchobj:
,// 介面資料
matchdata:
,
getmatchdata()
))
="page-content-list"
>
="page-content-list-item"
v-for=
"(value,key) in listdata[0]"
:key=
"key"
>
="page-content-list-item-key"
>
}<
/div>
="page-content-list-item-value"
>
"key === '所屬**渠道'"
>自營<
/div>
"key === '產品logo位址'"
>
"matchdata[0].logo"
>
<
/logo>
<
/div>
"key === 'logo預覽'"
>
"matchdata[0].logo"
>
<
/logopreview>
<
/div>
"key === '產品說明書'"
>
"matchdata[0].manualbook"
>
<
/manualbook>
<
/div>
"key === '產品合同模板'"
>
"matchdata[0].agreement"
>
<
/agreement>
<
/div>
"key === '**鏈結'"
>
"matchdata[0].url"
>
<
/url>
<
/div>
"key === '產品基本模式'"
>)}
}<
/div>
else-if
="key === '是否過風控'"
>)}
}<
/div>
else-if
="key === '產品所屬生命週期'"
>)}
}<
/div>
else-if
="key === '面向客戶'"
>
}<
/div>
else
>
}<
/div>
<
/div>
<
/li>
<
/ul>注意，1）需要有v-else
2）父元件向子元件傳值時，需要對應屬性的屬性名，不能修改
3）可以通過v-if來控制不同的屬性，顯示不同的內容，這個內容可以是引入的元件。
2、vue實現tab頁
// 這裡是每個tab頁的內容，這裡cur變數是從1開始的，所以要減1
data () ,.active
}
入職學習之路 關於資料的處理
1 常見的資料處理方式 1 父子元件互相控制值 父元件給子元件傳值，子元件如何用這些值？props 在方法裡用時 getname console.log 規則說明 console.log this name 2 鏈結 產品logo位址 3 offset 4 grid content 產品logo位址...
我的前端入職之路
經常在網上看到有人問，學前端是自學好還是報培訓好？有招前端實習生？沒有經驗的前端怎麼辦？我就來講一講我的前端入職路吧。我認為，興趣是最好的老師。有錢報班自然好，沒錢報班也能自學成才，沒有經驗就自己創造經驗。我大學專業本是通訊技術，在校學的不過是皮毛。更多的也是理論上的數字通訊和移動通訊，光纖電纜等知...
我的前端入職之路
經常在網上看到有人問，學前端是自學好還是報培訓好？有招前端實習生？沒有經驗的前端怎麼辦？我就來講一講我的前端入職路吧。我認為，興趣是最好的老師。有錢報班自然好，沒錢報班也能自學成才，沒有經驗就自己創造經驗。我大學專業本是通訊技術，在校學的不過是皮毛。更多的也是理論上的數字通訊和移動通訊，光纖電纜等知...