修改了mounted中的值 默认的选项没有变化

来源:7-7 购买详情页 - 总价计算(2)

吃饭也是第一名

2018-01-26

mounted () {
  this.buyNum = 2
  this.buyType = this.buyTypes[1]
  this.versions = [this.versionList[2]]
  this.period = this.periodList[1]
  this.getPrice();
}

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

写回答

1回答

fishenal

2018-01-29


这里是我代码里的疏忽。


我这里这些选择组件没有接收值,只是把选择的结果返回给父组件,父组件里的参数,比如buyNum在请求和弹窗里的渲染都是正确的,你说的的确是个问题我没考虑到,解决方法就是在调用选择组件的时候把值传进去,比如

<v-counter @on-change="onParamChange('buyNum', $event)" :number="buyNum"></v-counter>


counter组件:

export default {
  props: {
    max: {
      type: Number,
      default: 5
    },
    min: {
      type: Number,
      default: 1
    },
    number: {
      type: Number,
      default: this.min
    }
  },
  data () {
    return {
      // number: this.min
    }
  },
 ... 
}

其他组件按照类似的方法改

0
1
吃饭也是第一名
谢谢老师!
2018-01-30
共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0,组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程