一个公司做多个网站,网站盈利方式,东莞公司想建网站,短链接生成下载以下.vue文件Demo可直接复制运行#xff1a;
重点#xff1a; 1#xff1a;表格数据定义在form里 2#xff1a;prop需要加索引#xff1b;索引前的变量不要加form#xff0c;直接取里边的key#xff0c;索引后的字段需要和表格里字段属性对应 。:proptableInfo.l…以下.vue文件Demo可直接复制运行
重点 1表格数据定义在form里 2prop需要加索引索引前的变量不要加form直接取里边的key索引后的字段需要和表格里字段属性对应 。:proptableInfo.list. scope.$index .name
templateel-form refform :modelformel-table :dataform.tableInfo.list borderel-table-column aligncenter propname label姓名template slot-scopescopeel-form-item :proptableInfo.list. scope.$index .name :rulesruleForm.nameel-input v-modelscope.row.name placeholder请输入姓名/el-input/el-form-item/template/el-table-column el-table-column aligncenter propage label年纪template slot-scopescopeel-form-item :proptableInfo.list. scope.$index .age :rulesruleForm.ageel-input-number placeholder请输入年纪 v-modelscope.row.age controls-positionright :min1/el-input-number/el-form-item/template/el-table-column/el-tableel-button clickhandleSubmit() typebutton提交/el-button/el-form
/templatescriptexport default {components: {},data() {return {form:{tableInfo:{list:[{name:,age:},{name:,age:}]}},rules:{},ruleForm:{name: [{ required: true, message: 请输入姓名, trigger: blur },],age: [{ required: true, message: 请选择年龄, trigger: blur },],}}},methods:{handleSubmit(){let form this.form;this.$refs[form].validate((valid) {if (valid) {} else {console.log(error submit!!);return false;}});}}}
/scriptstyle
/style寄语
人的成熟是一个从迷茫到自知、从自知到坚定的过程。 在这个过程中每个人都要慢慢学会扛起自己的责任学会独自面对生活中的风风雨雨。 所谓成熟不是年龄长了就叫成熟而是成长了能自己去扛事那才是真正的成熟。