<div class="app">
<van-form @submit="onSubmit">
<van-field
v-model="dataForm.companyName"
name="公司全称"
label="公司全称"
placeholder="公司全称"
:rules="[{ required: true, message: '请填写公司全称' }]"
/>
<van-field
v-model="dataForm.userName"
name="用户姓名"
label="用户姓名"
placeholder="用户姓名"
:rules="[{ required: true, message: '请填写用户姓名' }]"
/>
<van-field
v-model="dataForm.phone"
name="联系电话"
label="联系电话"
placeholder="联系电话"
type="tel"
maxlength="11"
:rules="[{ required: true, message: '请填写联系电话' },{pattern: checkPhone , message: '联系电话格式错误'}]"
/>
<van-field
v-model="dataForm.email"
name="邮箱"
label="邮箱"
placeholder="邮箱"
:rules="[{ required: true, message: '请填写邮箱' },{pattern: checkEmail , message: '邮箱格式错误'}]"
/>
<van-field
v-model="dataForm.address"
name="详细地址"
label="详细地址"
placeholder="详细地址"
:rules="[{ required: true, message: '请填写详细地址' }]"
/>
<div style="margin: 16px;">
<van-button round block type="info" native-type="submit">
保存修改
</van-button>
</div>
</van-form>
</div>
</template>
<script>
export default {
data(){
return{
dataForm:{
userName: "",
},
checkPhone: /^1[3456789]\d{9}$/ ,
checkEmail: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
}
},
methods:{
/**
* 提交表单
*/
onSubmit(values) {
console.log('submit', values);
},
}
}
</script>
<style scoped>
.app{
color: #FFFFFF;
font-size: 0.2rem;
}
</style>

- 发布:2020-06-26 22:52
- 更新:2020-06-26 22:52
- 阅读:590
产品分类: HbuilderX
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win10专业版
HBuilderX版本号: 2.7.14
示例代码:
操作步骤:
随便修改代码ctrl+s 保存即可
随便修改代码ctrl+s 保存即可
预期结果:
缩进应该是4个空格不变
缩进应该是4个空格不变
实际结果:
Ctrl+s之后缩进变成2个空格
Ctrl+s之后缩进变成2个空格
bug描述:
缩进线自动识别为4个空格,Crtl + s保存之后就会缩短至2个空格,在编辑中设置缩进都无效

