nuxt.jsでのSPAを作っているんですが、imgタグのsrcをbindして動的に切り替えたいんですがrequire('~/assets/im/****.svg')内の「****」部分を変数にして切り替えたいんですが、読み込まれません。
vue.js
1<template> 2<div> 3 <img :src="imageSrc"> 4</div> 5</template> 6 7<script> 8export default{ 9 data(){ 10 return{ 11 imageSrc: require("~/assets/img/default.svg") 12 } 13 }, 14 methods: { 15 doSomething(data){ 16 var self = this; 17 self.imageSrc = require(\'"~/assets/img/" + data + ".svg"\'); 18 } 19 } 20} 21</script>
上のdoSomething(data)内のdata部分だけを引数から代入したいのですがSyntaxErrorで読み込めません。
どのように書けばrequire('')の中でもうまく書けるでしょうか。
#追記
self.imageSrc = "require('~/assets/img/"+data.data[0].brand+".svg')";
とした時のエラーです
GET http://localhost:3000/require('~/assets/img/sample.svg') 404 (Not Found)
回答3件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/04/09 04:36 編集
2019/04/09 04:38
2019/04/09 04:42
2019/04/09 04:44
2019/04/09 04:48
2019/04/09 04:53