更新商品前端接口编写

文章目录


新增页面书写

书写直接复制页面

写表单的绑定信息


然后绑定表单

表单绑定还有表单数据的绑定

标签中ref的作用就是将 该组件注册到vue对象的ref属性中

那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件

写表单

副标题使用的是文本域

状态页面使用,下拉框

状态的选择使用的是选择框

数据绑定使用的表单绑定状态

然后里面的选项遍历的是 js定义的数据

价格输入组件的选择

富文本选择器使用组件

type="textarea"

总结

新增就是

写form表单然后封装数据

图片的显示使用插槽

使用插槽,那个scope就是代表着一行的数据

使用插槽

如果文字显示过多可以使用 文本隐藏显示

价格符号的显示

使用格式化进行操作

const formatPrice = (row: any, column: any, cellValue: any, index: any) => {

console.log(row, column, cellValue, index)

return "¥" + cellValue;

}

然后状态的书写

前端状态的书写

使用后端枚举类型去写

后端枚举书写

全新写法

时间书写使用组件

相关推荐
Liquad Li7 分钟前
Angular 面试题及详细答案
前端·angular·angular.js
用户214118326360236 分钟前
首发!即梦 4.0 接口开发全攻略:AI 辅助零代码实现,开源 + Docker 部署,小白也能上手
前端
gnip2 小时前
链式调用和延迟执行
前端·javascript
SoaringHeart3 小时前
Flutter组件封装:页面点击事件拦截
前端·flutter
杨天天.3 小时前
小程序原生实现音频播放器,下一首上一首切换,拖动进度条等功能
前端·javascript·小程序·音视频
Dragon Wu3 小时前
React state在setInterval里未获取最新值的问题
前端·javascript·react.js·前端框架
Jinuss3 小时前
Vue3源码reactivity响应式篇之watch实现
前端·vue3
YU大宗师3 小时前
React面试题
前端·javascript·react.js
木兮xg3 小时前
react基础篇
前端·react.js·前端框架
ssshooter3 小时前
你知道怎么用 pnpm 临时给某个库打补丁吗?
前端·面试·npm