溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
使用vue怎么動態設置img的src路徑？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
使用導入資源的方式
<template>
<div @click="home">
<img :src="home_url" alt="..." >
</div>
</template>
<script>
// 下面是導入兩張圖片的相對地址
import home_no from '../static/icon/home_no.png'
import home from '../static/icon/home.png'
export default {
name: "newbase",
data () {
return {
home_url: home
}
},
methods: {
home() {
this.home_url = home
}
}
}
</script>Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢，Vue中頁面使用的是局部刷新，不用每次跳轉頁面都要請求所有數據和dom，可以大大提升訪問速度和用戶體驗。
看完上述內容，你們掌握使用vue怎么動態設置img的src路徑的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
