项目目录
项目基于mall-admin-web-master进行开发
https://github.com/macrozheng/mall-admin-web
页面跳转逻辑
views/pms
index.vue
点击 新增按钮 通过点击事件 调用 methods 下的handleAddProduct()
``handleAddProduct()`方法位置
跳转到add.vue
特别注意第二个红框,格式为 冒号值名称-值名称
,必须为**-**隔开的全小写字母组成,:is
,:is_A
,:Is_a
都是不可以的 ,一下是Vue.js官方教程上的一段话:
HTML 中的 attribute 名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名
add.vue
调用了ProductDetail
组件,并向product-detail
标签传值
ProductDetail
组件中相应的product-detail
标签与export default{}
下props
的isEdit
属性做绑定
下图是该页面下的export default{}
下props
的isEdit
属性的定义,同样,这个属性名称需要是等价的小驼峰写法,例如:is_open
对应 isOpen
,错一点都不能匹配成功