well, I"m going to ask you another question: "- questions | |, as shown in the figure: (how to add the content dynamically? )
here is the code:
html section:
<ul class="form_ul">
<li>
<p class="p_phone">
<label class="lable_phone" for="input_phone"></label><input id="input_phone" type="number" placeholder="" maxlength="11" v-model="phone" @blur="inputPhone">
<input type="button" class="btn_send_yzm" id="send_yzm" value="" @click="sendCode" />
<p class="form_tips" v-if="phone_tips">/
</li>
</ul>
methods in methods:
// input
inputPhone(){
let reg=11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
if(this.phone==""){
console.log("");
}else if(!reg.test(this.phone)){
$(".p_phone").css("border","1px solid red");
this.phone_tips=!this.phone_tips;
//
....
}else{
console.log("");
}
},