推薦使用antd-Spin

wx.getLocation();

文檔：
https://developers.weixin.qq....

記得處理權(quán)限問(wèn)題。

https://stackoverflow.com/que...
https://github.com/npm/npm/is...

所有的選中控制操作都不要自己控制，全部交給props，每次選中都是通過(guò)事件上傳狀態(tài)，自頂向下賦值

大家思路都很好，謝謝。

你應(yīng)該修改這個(gè)配置項(xiàng)；

chunkFilename: "xxx.css"

1、關(guān)于type.js，確實(shí)只是一個(gè)規(guī)范化的管理方式，把所有的mutations的操作，都定義在type.js里面。
2、存儲(chǔ)方式，目前項(xiàng)目中使用了vuex-persistedstate 這個(gè)插件。默認(rèn)使用的是localStorage。當(dāng)然你可以選擇SessionSorage以及cookie。這些選擇都是基于你了解了他們之間的區(qū)別，以及根據(jù)項(xiàng)目需求來(lái)選擇的。沒(méi)有最好，只有最合適把

不知道你是否需要的是這個(gè)效果。

css 代碼如下，就是在你的基礎(chǔ)上增加了點(diǎn)熟悉 和修改名稱

        <style type="text/css">
            ul {
                list-style: none;
                width: 100%;
            }
            
            .li-item {
                width: 23%;
                text-align: center;
                height: 255px;
                float: left;
                display: inline-block;
                border-radius: 5px;
                border: 1px #ccc solid;
                cursor: pointer;
            }
            
            .content {
                width: 1140px;
                position: relative;
            }
        </style>

html 代碼如下

        <div class="content">
            <ul>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
                <li class="li-item">
                    <img src="img/lanmeifengmi001.jpg" />
                    <p>這是一個(gè)商品</p>
                </li>
            </ul>
        </div>

希望能幫助你

兄dei換個(gè)思路，試試在組件內(nèi)使用beforeRouteEnter如何？ 看你代碼的用意是也是想事先發(fā)起一個(gè)get請(qǐng)求..

  // 組件內(nèi)部
  beforeRouteEnter (to, from, next) {
    next(vm => {
        // 通過(guò) `vm` 訪問(wèn)組件實(shí)例
        vm.getLocation()
    })
  }

這種東西文檔里也有說(shuō)明的

給 this.props.children 處理下呢const children = arrayify(this.props.children)

const data = [
    { name: '管理員', code: 'admin' },
    { name: '用戶', code: 'user' },
    { name: '超管', code: 'super' }
]
const names = ['管理員', '用戶']
let codes = []
data.forEach(dataItem => {
    const { name, code } = dataItem
    if (names.indexOf(name) !== -1) {
        codes.push(code)
    }
})
console.log(codes)

到了打電話的系統(tǒng)界面，已經(jīng)脫離了微信，無(wú)法返回。

也遇到這個(gè)問(wèn)題，請(qǐng)問(wèn)你你解決了嗎

我從官方倉(cāng)庫(kù)拉下來(lái)也報(bào)錯(cuò)。。。。。

同問(wèn)，遇到同樣的問(wèn)題，樓主解決了嗎

A1:
1.app.globalData你得把它看成page頁(yè)面、小程序全局的缺省值，而不是存放動(dòng)態(tài)數(shù)據(jù)的地方；
2.小程序的官方思路是，page內(nèi)的setData只負(fù)責(zé)當(dāng)前頁(yè)面，也只綁定當(dāng)前頁(yè)面。所以當(dāng)前頁(yè)面的雙向綁定數(shù)據(jù)都用setData；
3.通過(guò)雙向綁定機(jī)制，使得不用DOM操作。你可以把存在data的數(shù)據(jù)當(dāng)成是數(shù)據(jù)源（真正的數(shù)據(jù)部分），wxml只是把這個(gè)數(shù)據(jù)渲染出來(lái)顯示，當(dāng)你要更新或獲取時(shí)，success獲得更新數(shù)據(jù)，再setData時(shí)，wxml才會(huì)也同步更新。因?yàn)閟etData的作用就是賦值到data + 更新wxml。

A2:
success只是request成功后的執(zhí)行，如果不成功：
1.request的問(wèn)題：會(huì)觸發(fā)error。
2.狀態(tài)碼的問(wèn)題：request沒(méi)問(wèn)題，只是當(dāng)前賬號(hào)狀態(tài)、參數(shù)、數(shù)據(jù)等異常，則一般用code或errcode之類(lèi)的狀態(tài)碼來(lái)識(shí)別，這個(gè)和后端溝通。異常則不執(zhí)行setData。

兄弟，怎么解決的？

百度前端技術(shù)學(xué)院-動(dòng)態(tài)數(shù)據(jù)綁定（一）
有參考資料和別人的提交的答案，可供參考。

感覺(jué)你的問(wèn)題沒(méi)有描述清除，我所理解的是：

點(diǎn)擊`升級(jí)`，內(nèi)容改變指的是右邊的內(nèi)容全部替換掉！
如果是這樣的話就比較簡(jiǎn)單了，點(diǎn)擊`升級(jí)`，右邊的組件變更即可；

參考的偽代碼是：

<div id="app">
    <router-view></router-view>
</div>

<router-view></router-view>里要渲染什么，根據(jù)路由來(lái)控制就可以了

三種方法:1.this.$route.path/query+需要的url;
2.this.router.push(需要的url)
3.window.open(需要的url)
因?yàn)関ue-router本身有route和router對(duì)象,注冊(cè)到vue后可以通過(guò)this,$route或者this.$router調(diào)用