naoya.n score 26
2019/04/09 13:35 投稿
| require内の一部分に変数を挿入できない |
| nuxt.jsでのSPAを作っているんですが、imgタグのsrcをbindして動的に切り替えたいんですがrequire('~/assets/im/＊＊＊＊.svg')内の「＊＊＊＊」部分を変数にして切り替えたいんですが、読み込まれません。 |
| ```vue.js |
| <template> |
| <div> |
| <img :src="imageSrc"> |
| </div> |
| </template> |
| <script> |
| export default{ |
| data(){ |
| return{ |
| imageSrc: require("~/assets/img/default.svg") |
| } |
| }, |
| methods: { |
| doSomething(data){ |
| var self = this; |
| self.imageSrc = require(\'"~/assets/img/" + data + ".svg"\'); |
| } |
| } |
| } |
| </script> |
| ``` |
| 上のdoSomething(data)内のdata部分だけを引数から代入したいのですがSyntaxErrorで読み込めません。 |
| どのように書けばrequire('')の中でもうまく書けるでしょうか。 |
| どのように書けばrequire('')の中でもうまく書けるでしょうか。 |
| #追記 |
| self.imageSrc = "require('~/assets/img/"+data.data[0].brand+".svg')"; |
| とした時のエラーです |
| ``` |
| GET http://localhost:3000/require('~/assets/img/sample.svg') 404 (Not Found) |
| ``` |
