vue使用三元运算符过滤后台数据中的number变成String

Z时代
2024-01-10
分类：综合

vue

<template>
  <div id="app" style="width:300px;height:700px;border:1px solid red;">
       <p v-for="obj in datascore">{{changeType(obj.job)}}</p>
  </div>
</template>
<script>
export default {
 name: 'app',
    data () {
      return {
          datascore:[
             {name:"苏罡",job:1},
             {name:"赵宁",job:2},
             {name:"徐志斌",job:3},
             {name:"田彭伟",job:4},
             {name:"程鹏飞",job:5},
          ],
      };
    },
    components: {
    },
    methods: {
      changeType(str){
        return str==1? "前端开发":str==2?'java开发':str==3?"数据库":str==4?"职业经理":'石家庄扛把子';
      }
    },
}</script>