vue父组件向子组件传参,子组件通过props接收传递过来的参数

父组件直接绑定在子组件的标签上,子组件通过props接收传递过来的参数

1.父组件直接绑定在子组件的标签上

父组件文件TicketsIndexAction.vue

父组件传递

<template>
  <div>
    <div>票种:</div>
    <!-- 父组件的值直接绑定在子组件的标签上 -->
    <filter-option-shape-selector :items="itemsList" />
  </div>
</template>
<script>
import FilterOptionShapeSelector from '@/components/FilterOptionShapeSelector/FilterOptionShapeSelector';//子组件
export default {
  components: {
    FilterOptionShapeSelector,
  },
  data () {
    return {
    //父组件要传给子组件的值
      itemsList: []//票种列表
    }
  },
  created () {
    this.getTicketTypeData()
  },
  methods: {
    //列表接口
    getTicketTypeData () {
      getTicketTypeData({
        ticket_id: this.ticket_id
      }).then(res =>

猜你喜欢

转载自blog.csdn.net/qq_39695210/article/details/128788581