uniapp開發電商app過程中遇到的幾個小問題及解決方法

借用uniapp插件快速開發電商app

DCLOUD插件市場
在dcloud插件市場中有很多現成的插件及模板，可以直接使用。
比如仔仔大神的仿轉轉電商模板，基本架構都是有的。

此模板中包含：首頁/發現/消息/二手/我的等tab頁等。
可以滿足一個電商app的基本需求。

v-for的使用報錯

v-for使用報錯:Cannot use v-for on stateful component root element because it renders multiple elements.
解決方案：
錯誤提示翻譯爲中文大致意思：不能在根元素（root element）使用 v-for，因爲v-for是個循環體呈現多個元素，v-for在根元素上導致無法渲染。

解決方案：不要把v-for放在根元素即可。

頁面之間的傳值

通過navigator進行頁面之間的跳轉時，可以傳遞數據，如果傳遞的是個對象，則可以通過:
先將對象轉化爲字符串，然後通過encodeURIComponent的方法進行轉化，在頁面接收時，可以通過JSON.parse(decodeURIComponent(option.數據));的方式來接收。

//傳遞數據
<navigator :url="'/pages/navigate/navigate?item='+ encodeURIComponent(JSON.stringify(item))"></navigator>

// navigate.vue頁面接受參數
onLoad: function (option) {
    const item = JSON.parse(decodeURIComponent(option.item));
}

如果傳遞的數據格式不是對象，則可以直接傳遞，不需要進行對象與字符串的轉化。

app中需要跳轉到外部鏈接的方法

web-view 是一個 web 瀏覽器組件，可以用來承載網頁的容器，會自動鋪滿整個頁面（nvue 使用需要手動指定寬高）。