&

分類:

推薦最新等你回答

護(hù)她命回答

||判斷測試可以

<tabbar v-show="$route.path == '/index' || $route.path == '/storeCenter' || $route.path == '/explore' || $route.path == '/me'" slot="bottom">
      <tabbar-item link="/index" :selected="$route.path == '/index'">
        <span slot="icon" class="iconfont icon-home"></span>
        <span slot="label">首頁</span>
      </tabbar-item>
      <tabbar-item link="/storeCenter" :selected="$route.path == '/storeCenter'">
        <span slot="icon" class="iconfont icon-store"></span>
        <span slot="label">門店</span>
      </tabbar-item>
      <tabbar-item link="/explore" :selected="$route.path == '/explore'">
        <span slot="icon" class="iconfont icon-search"></span>
        <span slot="label">發(fā)現(xiàn)</span>
      </tabbar-item>
      <tabbar-item show-dot link="/me" :selected="$route.path == '/me'">
        <span slot="icon" class="iconfont icon-wode"></span>
        <span slot="label">我的</span>
      </tabbar-item>
    </tabbar>

vue如何實現(xiàn)類似Jquery的導(dǎo)航scrollerto功能

柚稚回答

所有以前的jquery可以實現(xiàn)的功能用vue可以用更有效簡單的方法實現(xiàn)。原理都是一樣的。
正好前幾天我寫一個公司網(wǎng)站用到了導(dǎo)航，下面是我寫的代碼，代碼量很少。

//導(dǎo)航平滑滾動
export default {
        name: 'Main',
        data() {
            return {
                msg: 'Welcome to Your Vue.js App'
            }
        },
        components: {
            "top": Top,
            "official": Official,
            "wechat": Wechat,
            "payment": Payment,
            "category": Category,
            "mall": Mall,
            "cater": Cater,
            "wechat-pay": WechatPay,
            "little": Little,
            "crm": Crm,
            "adv": Adv,
            "contact": Contact,
            "my-footer": MyFooter,
            "loading": Loading
        },
        computed: {
            // 計算屬性的 getter
            heightNum: function () {
                return 1;
            },
            position: function () {
                let position = this.$store.getters.getPosition;
                console.log(position);
                let height = this.$refs[position].offsetTop;
                let scrollTopValue = this.$refs[position].scrollTop;
                this.$store.commit('changeHeight', height);
                this.$store.commit('changeScroll', scrollTopValue);
                return position;
            }
        },
        mounted: function () {
            this.$nextTick(function () {
                // Code that will run only after the
                // entire view has been rendered
                window.addEventListener('scroll', this.changeActive);
                this.getOffsetTop();
                this.getScrollTop();
            })
        },
        methods: {
            greet: function (event) {
                // `this` 在方法里指向當(dāng)前 Vue 實例
                alert('Hello ' + this.name + '!')
                // `event` 是原生 DOM 事件
                if (event) {
                    alert(event.target.tagName)
                }
            },
            scrollTo: function (data) {
                let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                let des = this.$refs[data].offsetTop;
                let start = this.$refs[data].scrollTop;
                this.moveSlowly(des, start);
            },
            moveSlowly: function (des, start, time) {
                clearInterval(timer);
                let speedTime = time || 100;
                start || (start = 0);
                let distance = des - start;
                let speed = distance / speedTime;
                let i = 1;
                let pos = start;
                let timer = setInterval(function () {
                    if (i == speedTime) {
                        pos = des;
                        document.documentElement.scrollTop = document.body.scrollTop = pos;
                        clearInterval(timer);
                    } else {
                        pos = pos + speed;
                        document.documentElement.scrollTop = document.body.scrollTop = pos;
                        i++;
                    }
                }, 1)
            },
            changeActive: function () {
                let top = this.$refs.top.offsetTop;
                let wechat = this.$refs.wechat.offsetTop;
                let category = this.$refs.category.offsetTop;
                let contact = this.$refs.contact.offsetTop;
                let scrollY = this.scrollY();
                this.remove_active();
                (scrollY > 0 && scrollY < 500) && (this.$refs.navTop.className = 'active');
                (scrollY > wechat && scrollY < (category)) && (this.$refs.navWechat.className = 'active');
                (scrollY > category && scrollY < (contact)) && (this.$refs.navCategory.className = 'active');
                (scrollY > contact && scrollY < (contact + 500)) && (this.$refs.navContact.className = 'active');
            },
            remove_active: function () {
                this.$refs.navTop.className = '';
                this.$refs.navWechat.className = '';
                this.$refs.navCategory.className = '';
                this.$refs.navContact.className = '';
            },
            // 滾動條高
            scrollY: function () {
                return document.documentElement.scrollTop || document.body.scrollTop;
            },
            getOffsetTop: function () {
                let service = this.$refs.service.offsetTop;
                let offsetTop = new Object();
                offsetTop.mall = this.$refs.mall.offsetTop + service;
                offsetTop.cater = this.$refs.cater.offsetTop + service;
                offsetTop.wechatpay = this.$refs.wechatpay.offsetTop + service;
                offsetTop.little = this.$refs.little.offsetTop + service;
                offsetTop.crm = this.$refs.crm.offsetTop + service;
                offsetTop.adv = this.$refs.adv.offsetTop + service;
                this.$store.commit('changeOffsetTop', offsetTop);
            },
            getScrollTop: function () {
                let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
                let scrollTopLen = new Object();
                scrollTopLen.mall = this.$refs.mall.scrollTop;
                scrollTopLen.cater = this.$refs.cater.scrollTop;
                scrollTopLen.wechatpay = this.$refs.wechatpay.scrollTop;
                scrollTopLen.little = this.$refs.little.scrollTop;
                scrollTopLen.crm = this.$refs.crm.scrollTop;
                scrollTopLen.adv = this.$refs.adv.scrollTop;
                this.$store.commit('changeScrollTop', scrollTopLen);
            }
        }
    }
</script>

js 有10,000,000個范圍在100以內(nèi)的正整數(shù)，求出每個數(shù)字出現(xiàn)的次數(shù)，請教一個耗時最短的方法

陪我終回答

你這個寫法本身就有問題吧。。。追求性能之前，請先確保結(jié)果正確

jquery字符串拼接

黑與白回答

str.substring(0,str.length-2)

python 正則替換問題

初念回答

你把正則換成 r'_\d+' 就可以了。

webpack打包的時候mp3文件無法引用，提示需要一個合適的loader

遲月回答

.需要加個\.

git不能pull和push

醉淸風(fēng) 回答

不能pull和push,建議重新add和commit,再重新pull和commit

頁面彈出下載框的時間很長是什么原因？

不討囍回答

可能后端的文件流有問題

小程序Storage正確使用方法？

離殤回答

已找到解決方案，不能用導(dǎo)航標(biāo)簽，直接用view綁定方法跳轉(zhuǎn)。

nuxt的asyncData中如何引用vue組件的實例對象？

空白格回答

那你應(yīng)該使用 context.store,把共享數(shù)據(jù)放到倉庫里

webpack打包的ES6代碼，import獲取的值為空/undefined

瞄小懶回答

你的 a.js 和 b.js 怎么寫的？

你這種用法：import a from './a'
對應(yīng)的a.js 應(yīng)該有export defaut；

如果沒有 default,
應(yīng)該這樣用：import {a} from './a'

safari瀏覽器滾動到頁面底部回彈怎么解決

下墜回答

你說的是這個嗎

vue+webpack搭建項目

故人嘆回答

本系列文章所講解內(nèi)容，依賴于https://github.com/icarusion/... 這套架構(gòu)

nginx 配置的listen監(jiān)聽端口和vue-cli啟動的端口沖突了，怎么辦？

黑與白回答

你的應(yīng)用是8142端口，你用nginx代理就不要用這個端口了啊，換個端口

webpack沒報錯，可是控制臺里打包出來的文件出現(xiàn)語法錯誤，怎么知道錯誤出現(xiàn)在哪個文件

選擇回答

第一個報錯是說你用的react是開發(fā)環(huán)境的react，真正用在線上環(huán)境打包時可以通過跳過一些步驟來讓打包變得更快。
第二個是打包redux沒設(shè)置node環(huán)境，可以在webpack.config里，在plugin添加

new webpack.DefinePlugin({
    'process.env':{
        'NODE_ENV': JSON.stringify('production')
    }
})

可以解決你的第前兩個報錯
第三個報錯就真的是你的代碼問題了，可能是對數(shù)據(jù)沒有進(jìn)行判斷

vue 手動刷新的時候怎樣讓頁面回到頂部

我不懂回答

官方有文檔
https://router.vuejs.org/zh-c...

vuex數(shù)據(jù)更新但是視圖不會更新

汐顏回答

store里面vue小寫了。。。蠢比問題

flex,如何頭部固定，左側(cè)固定100%高，右側(cè)上下滾動，如下圖代碼

涼汐回答

        *{
            padding: 0;
            left: 0;
        }
        body{
            padding-top: 50px;
        }
        .header{
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background-color: red;
            z-index: 10001;
        }
        .layout{
            display: flex;
            position: relative;
        }
        .layout .layout-left{
            flex: 0 0 200px;
            flex-direction:column;
            width: 200px;
            color: #fff;
            background-color: blue;
        }
        .layout .layout-right {
          background-color: yellow;
          overflow-y: auto;
          overflow-x: hidden;
          position: absolute;
          left:215px;
          top: 0;
          bottom: 0;
          right: 0;
          margin: auto;
      }

vue項目 npm run build 上傳github pages后報錯

孤毒回答

已解決，，自己進(jìn)入誤區(qū)了；報錯原因?qū)嶋H上就是生產(chǎn)模式下請求的地址沒有設(shè)置好，因為調(diào)用了cnodejs的api,開發(fā)模式下使用了代理；生產(chǎn)模式下需要將請求地址更改為:https://cnodejs.org/api/v1；
具體操作就是在config文件下對dev.env.js和prod.env.js增加默認(rèn)地址前綴：
dev.env.js：
圖片描述