Javascript 我能'；t使用vue.js上传页面，我哪里出错了？ 这是你的结果！ 分会 分数 想加入吗？ {{subclub.name} {{分俱乐部分数}} {{分俱乐部分数}} {{selected_subclubs}} 参加 导出默认值{ 名称：“提问者结果”， 数据（）{ 返回{ 选定的子俱乐部：[]， 分俱乐部：[ { id:1， 名称：“瑜伽”， 得分：70分， 路径：“@/assets/sub clubs image/Yoga_mini.jpeg”， }, ] } }, 方法：{ goToHomePage（）{ 这是。$router.push（“/”）； } } }

我像这样应用它，我把路径放在数据中到公司src。对很多人来说都是这样。但是我不能把图片放在页面上。当我将路径作为字符串直接传递给src时，它就起作用了。我不明白为什么我不能获得路径。你能帮我吗

---

我试着这样做：

您需要使用

require

从网页导入图像，然后使用javascript传递它

有关更多详细信息，请参阅这些其他帖子

---

请不要使用图片，因为我们无法复制和复制，因此很难复制paste@SeppeMari抱歉，Edited这能回答你的问题吗？

<template>
   
    <form class="questionnaire-result" action="#">
        <h1 class="h1">Here are your result!</h1>
        <div class="grid-container">
            <h2 class="sub-club"> Sub-Club</h2>
            <h2 class="score"> Score</h2>
            <h2 class="join-que"> Want to Join?</h2>
            <div class="sub-club-section " v-for="(subclub) in subclubs" :key="subclub.id">
                    <div class="responsive">
                        <div class="gallery">
                            <img class="image" :src="subclub.path">
                            <div class="desc">{{subclub.name}}</div>
                        </div>
                        </div>
                    <h3 v-if="subclub.score>50" class="score-result" style="color:#0cf12a ">{{subclub.score}}%</h3>
                    <h3 v-else class="score-result" style="color:red ">{{subclub.score}}%</h3>
                    <div v-if="subclub.score>50">
                        <input class="join-btn option-input " type="checkbox" v-bind:value="subclub.name"  v-model="selected_subclubs" >
                    </div>
            </div>
     {{selected_subclubs}}
        <button @click=" goToHomePage()" class="button "><span> JOIN </span></button>
      
        </div>
    </form>

    </div>
  
</template>

<script>
export default {
    name:"QuestionnaireResult",
    data(){
      
        return{
            selected_subclubs:[],
            subclubs:[
             { 
                id:1,
                name:"Yoga",
                score:70,
                path:"@/assets/sub-clubs-images/Yoga_mini.jpeg",
              
                
            },
            
            ]
        }
    },
    methods:{
            goToHomePage(){
                this.$router.push("/");
            }
    }
}
</script>