更新商品前端接口编写

文章目录


新增页面书写

书写直接复制页面

写表单的绑定信息


然后绑定表单

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

标签中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;

}

然后状态的书写

前端状态的书写

使用后端枚举类型去写

后端枚举书写

全新写法

时间书写使用组件

相关推荐
慧慧吖@1 分钟前
react基础
前端·javascript·react.js
浪裡遊12 分钟前
MUI组件库与主题系统全面指南
开发语言·前端·javascript·vue.js·react.js·前端框架·node.js
DiXinWang34 分钟前
关闭谷歌浏览器提示“若要接收后续 Google Chrome 更新,您需使用 Windows 10 或更高版本”的方法
前端·chrome
CoderYanger42 分钟前
前端基础——HTML练习项目:填写简历信息
前端·css·职场和发展·html
muyouking111 小时前
深入理解 HTML `<label>` 的 `for` 属性:提升表单可访问性与用户体验
前端·html·ux
IT_陈寒1 小时前
Java性能调优:从GC日志分析到实战优化的5个关键技巧,让你的应用快如闪电!
前端·人工智能·后端
Mintopia1 小时前
🚀 Next.js API 压力测试:一场前端与后端的“极限拉扯”
前端·后端·全栈
Mintopia1 小时前
🛡️ 对抗性攻击与防御:WebAI模型的安全加固技术
前端·javascript·aigc
庙堂龙吟奈我何1 小时前
qiankun知识点
前端
SoaringHeart2 小时前
Flutter封装:原生路由管理极简封装 AppNavigator
前端·flutter