标签：07 day03 required trigger blur message true 页面

在新增页面加返回按钮



点击新增页面的时候把把当前的页面传过去，还有查询条件。

然后再点击返回的时候，还是跳转到刚才的页面





点击返回参数回传。取当前路由的参数
 
点击返回把参数传回来了

参数带回来还要选中数据

在created里面处理参数，数据还没有渲染的时候进行处理



返回的数据 默认选中下拉和刚才的页码
 

表单校验

可以看下官方的文档


首先在表单上添加表单的校验名称


这个名称对应json的对象，就是表单验证的规则

​​pageFormRules: {
siteId:[
{required: true, message: '请选择站点', trigger: 'blur'}
],
templateId:[
{required: true, message: '请选择模版', trigger: 'blur'}
],
pageName: [
{required: true, message: '请输入页面名称', trigger: 'blur'}
],
pageWebPath: [
{required: true, message: '请输入访问路径', trigger: 'blur'}
],
pagePhysicalPath: [
{required: true, message: '请输入物理路径', trigger: 'blur'}
]
}

点击提交按钮 触发校验

表单需要加属性ref


 

this.$refs.pageForm.validate((valid) => {
　　if (valid) { 
　　　　alert('提交'); 
　　} else { 
　　　　alert('校验失败');
　　　　return false; 
　　}
})

 

点击提交按钮 出发校验

数据都正确输入

标签：07,day03,required,trigger,blur,message,true,页面
来源： https://www.cnblogs.com/wangjunwei/p/11569512.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。