VxInvestmentList

理财产品列表

引用

import VxInvestmentList from './components/vx-investment-list'

// 页面内局部引入
export default {
  components: {
    VxInvestmentList,
  },
}

代码演示

<template>
  <div>
    <vx-investment-list :fina-list="finaList" @go-financial-detail="goFinancialDetail" @query-bank-fina-info="onQueryBankFinaInfo"> </vx-investment-list>
  </div>
</template>
<script>
export default {
  components: {
    VxInvestmentList,
  },
  data() {
    return {
      finaList: [], //理财
    }
  },
  methods: {
    /**
     * 查看银行理财产品
     */
    onQueryBankFinaInfo() {
      console.log('onQueryBankFinaInfo')
    },
    /**
     * 理财查看详情
     * @param {object}  本产品数据
     */
    goFinancialDetail(item) {
      console.log(item)
    },
  },
}
</script>

API

VxInvestmentList Props

属性	说明	类型	默认值	备注
fina-list	理财产品信息	Array	-	必传

fina-list Attributes

属性	说明	类型	默认值	备注
investName	理财产品名称	Array	-	必传
expectRate	预期年化收益率	number	-	必传
investTerm	理财周期	Array	-	必传
perFirstAmt	最低起购	number	-	必传
availLimit	剩余额度	number	-	必传

VxInvestmentList Events

@goFinancialDetail(item)

点击查看理财产品详情

参数	说明	类型	备注
`item`	所选基金信息	`Object`	见 `fina-list Attributes`

@queryBankFinaInfo

点击更多按钮触发事件

Current Tags

0.0.7 ... latest (2 years ago)

1 Versions

0.0.7 ... 2 years ago