vue中数据添加完成以后，数据回显
1.格式
1 <FormItem label="奖品领取类型：" prop="getType" >
2 <RadioGroup v-model="Type" @on-change="showP">
3 <Radio :label="1">不推荐</Radio>
4 <Radio :label="2">推荐</Radio>
5 </RadioGroup>
6 </FormItem>
7 <FormItem label="推荐⼈数：" prop="getNum" v-show="showPepo" >
8 <AutoComplete
9 v-model="Num"
10 :clearable=true
11 >
12 </AutoComplete>
广播电视编导专业13 </FormItem>
2.执⾏
1//显⽰回显，单选框中选中值，直接显⽰出下拉框中的值
2 showP(){
3if(Type == 1){
4this.showPepo = fal;
5 }el if(Type == 2){
6this.showPepo= true;
7 }
形容人丑的成语8 },
3.判断⼀次
1//显⽰回显，单选框中选中值，直接显⽰出下拉框中的值及判断
2 handleRadio_coupon() {其他的英文
3if (this.formValidate.prizeType == 1) {
4this.showCdk = true;
5this.showCoupon = fal;
6this.showCoupons = fal;
7this.showP();
8 } el if (this.formValidate.prizeType == 2) {
9this.showCdk = fal;
10this.showCoupon = true;
11this.showCoupons = fal;
12this.showP();
13 }
4.页⾯加载执⾏⽅法捉蜻蜓
1 mounted () {
4this.init();
5this.showP();
6
7
8 }
5.页⾯，上⾯3步骤中的判断意思是，根据下图的1⽅法判断，只要1执⾏，那么下图2中的⽅法判断就是继续执⾏，如果1不去执⾏，那么2的⽅法也不执⾏，但是下图的1中的数据是动态获取的，这个属于修改的页⾯
添加
1.如图
上图红框处为点击完单选框样式
2.页⾯红框处代码
1 <FormItem label="奖品领取类型：" prop="getType" >
党员岗位承诺书
2 <RadioGroup v-model="Type" @on-change="showP">
3 <Radio label="1">不推荐</Radio>
4 <Radio label="2">推荐</Radio>
5 </RadioGroup>
6 </FormItem>
按颜色分类
7 <FormItem label="推荐⼈数：" prop="getNum" v-show="showPepo" >
8 <AutoComplete
9 v-model="Num"
10 :clearable=true
11 >
12 </AutoComplete>
打印机不出纸13 </FormItem>
3.判断
1 showP(){
2if(Type == 1){
3this.showPepo = fal;
4 }el if(Type == 2){
5this.showPepo= true;
6 }
7 },
天干是什么意思4.页⾯初始化调⽤⽅法
1 mounted () {
2
3this.init();
4this.handleRadio_coupon();
5this.showP();
6 }
坑处太多，主要是在数据绑定那，添加的时候不需要双向绑定，⽽修改的时候需要双向绑定，就是页⾯代码中有冒号的地⽅
