丽水市城乡建设局网站,wordpress 发表时间,做网站沈阳本地,网站留言板模板1.配置接口
projectList:/api/goods/xxx,//产品列表2.请求接口(get请求默认参数page)
// 产品列表 pageprojectList(params){return axios.get(base.projectList,{params})}3.获取数据 直接放到created里边去了 刷新页面就可以看到 async projectList(page){let res await t…1.配置接口
projectList:/api/goods/xxx,//产品列表2.请求接口(get请求默认参数page)
// 产品列表 pageprojectList(params){return axios.get(base.projectList,{params})}3.获取数据 直接放到created里边去了 刷新页面就可以看到 async projectList(page){let res await this.$api.projectList({page})console.log(产品列表数据,res.data);}},created(){this.projectList()}异步请求接口 数据显示 // 获取产品列表数据async projectList(page){let res await this.$api.projectList({page})console.log(产品列表数据,res.data);this.tableData res.data.data}},注意prop和后端返回的值要一致 div classcontentel-table :datatableData stylewidth: 100% border header-cell-class-nameactive-header cell-class-nametable-centerel-table-column typeselection width44/el-table-columnel-table-column propid label商品编号 width180/el-table-columnel-table-column proptitle label商品名称 width180/el-table-columnel-table-column propprice label商品价格/el-table-columnel-table-column propcategory label商品类目 width180/el-table-columnel-table-column propcreate_time label添加时间 width180/el-table-columnel-table-column propsellPoint label商品卖点/el-table-columnel-table-column propdescs label商品描述/el-table-columnel-table-column label操作template slot-scopescopeel-button sizemini clickhandleEdit(scope.$index, scope.row) typeprimary iconel-icon-edit编辑/el-buttonel-button sizemini clickhandleDelete(scope.$index, scope.row) typedanger iconel-icon-delete删除/el-button/template/el-table-column/el-table/div效果图
