vue项目-2

it2025-06-09  18

这样的需求:点击所需项目,加载出父栏目pid,注意如图二pid可能为null

首先要明白,最好是先根据后台接口加载出所有pid再去加载分页按钮请求所有数据,因此有了下面的代码 先是声明了两个请求函数,当页面被创建时调用查询栏目的返回值(承诺对象)调用then方法,进行数据处理,包括遍历数组,数组项的pid不为null时,追加给data中声明的空数组a,用 […new Set() ] 方法实现数组去重,再去分页请求栏目,接下来就是在html内容遍历数组拿值 :value=‘item’,v-for遍历a,:key唯一标识,都必不可少

至此实现了图一功能,接下来给出添加,编辑和确定

值得一提的是,表单验证的参数formName是根据模态框的ref=“ruleForm”,然后绑定@click="submitForm(‘ruleForm’)得来的

最新回复(0)