使用computed_VUE中computed计算属性和data数据获取的问题

获取到数据(对象、数组),截取一部分显示到页面中,用computed计算属性来实现截取数据然后直接输出到页面。

<div class="detailBox">
  <h1 class="detailHead">{
    {ActiveData.title}}</h1>
  <div class="detailCon">
    <p><b>活动时间:</b>{
    {ActStart}} 至 {
    {ActEnd}}</p>
    <p><b>报名时间:</b>{
    {SigStart}} 至 {
    {SigEnd}}</p>
  </div>
</div>
data() {
    
   return {
    
     ActiveData:"",//活动详情所有数据
  }
},
methods:{
    
//获取对应的数据
    this.ActiveData = response.data.data;
}
computed:{
    
    ActStart(){
    
      console.log(this.ActiveData.activity_starttime);
      return this.ActiveData.activity_starttime.substring(5,11);
    },
    ActEnd(){
    
      return this.ActiveData.activity_endtime.

版权声明:本文为weixin_32567181原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。