data(){ return{ url_get_obj: "~/api/dish_information/get_obj?", field: "dish_information_id", obj: { "praise_len": 0, }, query: { "dish_no": "", "type_of_dish": "", "name_of_dish": "", "price_of_dishes": "", "picture_of_dishes": "", "introduction_details": "", "dish_information_id":0, }, // 点赞 praise: 0, // 点赞状态 state_praise: false, // 收藏状态 state_collect: false, list_comment: [], form_comment: { source_table: "dish_information", source_field: "dish_information_id", source_id: 0, reply_to_id: 0, }, count_pages: 1, // 页面数 } },
时间: 2023-07-19 20:04:26 浏览: 50
这是一个Vue.js组件的data部分。
- `url_get_obj` 是一个API接口的URL,用于获取菜品信息。
- `field` 是作为查询参数的字段名,用于查询菜品信息。
- `obj` 是一个对象,表示菜品信息,其中 `praise_len` 表示点赞数。
- `query` 是一个对象,表示查询参数,包括菜品编号、类型、名称、价格、图片和介绍等信息。
- `praise` 表示点赞数。
- `state_praise` 表示点赞状态,初始值为false。
- `state_collect` 表示收藏状态,初始值为false。
- `list_comment` 是一个数组,表示评论列表。
- `form_comment` 是一个对象,表示评论表单,包括评论的来源表、来源字段、来源ID和回复ID等信息。
- `count_pages` 表示页面数,初始值为1。
相关问题
export default { mixins: [mixin], data() { return { field: "unapprove_id", url_add: "~/api/unapprove/add?", url_set: "~/api/unapprove/set?", url_get_obj: "~/api/unapprove/get_obj?", url_upload: "~/api/unapprove/upload?", query: { "unapprove_id": 0, }, form: { "dish_no": this.$get_stamp(), // 菜品编号 "name_of_dish": '', // 菜品名称 "price_of_dishes": '', // 菜品价格 "purchase_quantity": '', // 购买数量 "order_amount": '', // 订单总计 "place_order_address": '', // 下单地址 "contact_number": '', // 联系电话 "ordinary_users": 0, // 普通用户 "account_no": '', // 账户账号 "approve_or_not": '', // 是否审核 "findings_of_audit": '', // 审核结果 "unapprove_id": 0, // ID },
这段代码是一个 Vue 组件的定义,通过 mixins 属性引入了 mixin 对象,其中包含了一些公共的属性和方法。data 属性返回一个包含组件数据的对象,在这里定义了一些初始值。其中包括了一些菜品的信息,如菜品编号、名称、价格、购买数量、订单总计等等。还有一些用户信息,如下单地址、联系电话、账户账号等等。最后还有一个 ID,用于标识当前的记录。
通过 url_add、url_set、url_get_obj、url_upload 属性定义了一些接口地址,可以通过这些接口实现组件的增删改查、上传等功能。
需要注意的是,这段代码中的属性和方法都是在 Vue 组件中使用的,如果不了解 Vue 的相关知识可能会比较难理解。
export default { mixins:[mixin], components:{ list_comment, bar_title, form_editor, div_dish_information }, data(){ return{ url_get_obj: "~/api/dish_information/get_obj?", field: "dish_information_id", obj: { "praise_len": 0, }, query: { "dish_no": "", "type_of_dish": "", "name_of_dish": "", "price_of_dishes": "", "picture_of_dishes": "", "introduction_details": "", "dish_information_id":0, }, // 点赞 praise: 0, // 点赞状态 state_praise: false, // 收藏状态 state_collect: false, list_comment: [], form_comment: { source_table: "dish_information", source_field: "dish_information_id", source_id: 0, reply_to_id: 0, }, count_pages: 1, // 页面数 } },
这是一个 Vue.js 的组件,使用了一个 mixin,并引入了四个子组件:list_comment、bar_title、form_editor、div_dish_information。data() 函数返回了组件中需要用到的数据,包括获取数据的接口地址 url_get_obj、搜索条件 query、点赞、点赞状态和收藏状态等。同时,还有评论列表、评论表单以及分页信息等。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![xlsx](https://img-home.csdnimg.cn/images/20210720083732.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)