v2.0购物车代码出错

来源:17-11 shopcart购物车组件(3)

littlefire

2018-08-21



http://img.mukewang.com/szimg/5b7b79b00001d4e916570477.jpg

老师,我在使用你的v2.0代码,购物车报错,错误信息如上图所示。后来我用网上的修改方法:

get: function() {

        return this.fold

      }

      set: function() {

        if (!this.totalCount) {

          this.fold = true

           return false

        }

        let show = !this.fold

        return show

      }

来替代:

if (!this.totalCount) {

        this.fold = true

        return false

      }

发现这样修改还是报错,报错信息如下:

http://img.mukewang.com/szimg/5b7b7a770001f27809810549.jpg

我的vue版本是v2.9.3.

帮忙看下,是咋回事

写回答

2回答

ustbhuangyi

2018-08-21

你先研究一下吧,很快重构的版本就会出来了

0
0

littlefire

提问者

2018-08-21

我已经使用:

listShow: {

      get: function () {

        console.log('get')

        return this.fold

      },

      set: function () {

        if (!this.totalCount) {

          this.fold = true

          return false

        }

        let show = !this.fold

        if (show) {

          this.$nextTick(() => {

            if (!this.scroll) {

              this.scroll = new BScroll(this.$refs.listContent, {

                click: true

              })

            } else {

              this.scroll.refresh()

            }

          })

        }

        console.log('set')

        return show

      }

    }

虽然不会报错,但是当totalCount为0的时候,购物车不能收起来。网上有说用watch的,正在研究这种方法是否可以

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程