Pioneer丶 2022-02-15 11:30 采纳率: 40%
浏览 276
已结题

vue3,ref响应式数据无法使用js原生filter函数问题?

问题遇到的现象和发生背景

如题!

问题相关代码,请勿粘贴截图
<div v-for="course in courses" class="col-md-3">
  <div v-for="teacher in teachers.filter(t=>{return t.id===course.teacherId})" class="profile-activity clearfix">
          <div>
                <img v-show="!teacher.image" class="pull-left"  src="/assets/images/avatars/avatar5.png">
                 <img v-show="teacher.image" class="pull-left" v-bind:src="teacher.image">
                   <a class="user" href="#"> {{teacher.name || '暂无名称'}} </a>
                   <br>
                   {{teacher.position || '暂无职位'}}
             </div>
      </div>
</div>

<script>
setup() {
  const courses = ref();
  let teachers=ref();

const allCourse = () => {
                axios.get("/course/all").then((response) => {
                    const data=response.data;
                    if (data.success){
                        courses .value = data.content;
                    }else {
                        Toast.warning(data.message);
                    }

                })
            };

const allTeacher = () => {
                axios.get("/teacher/all").then((response) => {
                    const data=response.data;
                    if (data.success){
                        teachers.value = data.content;
                    }else {
                        Toast.warning(data.message);
                    }

                })
            };

onMounted(() => {
                allCourse();
                allTeacher();
            });

  return{
    courses,
    teachers
  }
</script>


运行结果及报错内容

img

我想要达到的结果

从teachers数组中过滤出符合条件的teacher对象放在页面中。

  • 写回答

2条回答 默认 最新

查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 2月23日
  • 已采纳回答 2月15日
  • 修改了问题 2月15日
  • 修改了问题 2月15日
  • 展开全部

悬赏问题

  • ¥15 广告联盟的兜底广告是什么意思
  • ¥15 如何证明高斯噪声的包络公式
  • ¥150 寻找王者荣耀开发作者,合作或者解答
  • ¥15 乳腺癌数据集 相关矩阵 特征选择
  • ¥15 我的游戏账号被盗取,请问我该怎么做
  • ¥15 通关usb3.0.push文件,导致usb频繁断连
  • ¥15 有没有能解决微信公众号,只能实时拍照,没有选择相册上传功能,我不懂任何技术,,有没有给我发个软件就能搞定的方法
  • ¥15 Pythontxt文本可视化
  • ¥15 如何基于Ryu环境下使用scapy包进行数据包构造
  • ¥15 springboot国际化