使用的是vant-ui组件
html

<!-- 年度评价 -->
<van-form @submit="AddYearEvaluate" class="submitForm">
    <van-cell-group>
        <div class="title"><span>*</span>1、城管进社区工作是否满意？</div>
        <van-field name="P_IsOk">
        <template #input>
            <van-radio-group v-model="formData.P_IsOk" id="line_P_IsOk">  //此处id为自定义跳转id（ItemId）
                <van-cell><van-radio name="1">满意</van-radio></van-cell>
                <van-cell><van-radio name="2">一般</van-radio></van-cell>
                <van-cell><van-radio name="3">不满意</van-radio></van-cell>
            </van-radio-group>
        </template>
        </van-field>
    </van-cell-group>

    

    <div style="margin: 16px;">
        <van-button round block type="info" native-type="submit" :disabled='isDisabled'>
        提交
        </van-button>
    </div>
    <van-cell />
</van-form>

js

// 年度评价
async AddYearEvaluate(values){
    var flag = true;
    var errText="为必填项，请填写后提交";
    var ItemId;//必填但未填写的控件id，用来页面提醒并定位
    var rulesObj={
        P_IsOk:this.P_IsOk,//您对城管进社区工作是否满意？
    }
    for (const key in rulesObj) {
	    if(!rulesObj[key]){
	        flag=false;
	        if(key=='P_IsOk'){
		        errText="为必填项，请填写后提交";
		        errText='1、城管进社区工作是否满意'+errText;
		        ItemId = key; //未填写的id
		        break;
	        } 
	    }
    }
    if(!flag){
	    //弹出提醒
	    Dialog.alert({
	        title: '提示',
	        message: errText,
	    }).then(() => {
	        // on close
	        //点击确认,跳到当前页面报错位置
	        $("html, body").animate({scrollTop: $("#line_"+ItemId).offset().top-50 }, {duration: 500,easing: "swing"});
    });
    	return;
    }
    //此处可请求接口
        
        
    })
    .catch(err => { console.log(err) });
},