クリック時にテキストを変更することはできたが画像の変更がうまくいきません。
クリックしたときに画像を切り替えたかったのですが、なんの反応もありません。
vueの要素の指定の仕方は下記では間違っているのでしょうか?
(#vueHook2Img.url)
としたところがエラーになります。
ボタンを押したときに別の親要素にある二つの要素をいっぺんに変更したいのですが、
こちらのみエラーになります。
imgのidですがどのように指定するのでしょうか?
<div id="vueHook2Img"> <div> <figure> <div> <img v-bind:src="url" alt="当社のダミー商品"> </div> </figure> </div> </div> var app2 = new Vue({ el: '#vueHook2', data: { headding: '当社のダミー商品1つめを紹介します。', description1: '1. 当社のダミー商品1つめを紹介します。...', description2: '2. 当社のダミー商品1つめを紹介します。...', }, methods: { change2: function() { this.headding = '当社のダミー商品2つめを紹介します。'; this.description1 = '1. 当社のダミー商品2つめを紹介します。...'; this.description2 = '2. 当社のダミー商品2つめを紹介します。...'; }, change2Img: function() { #vueHook2Img.url = "img/common-img/t.jpg" } } });
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2017/08/15 02:40
2017/08/15 04:06
2017/08/15 04:09 編集
退会済みユーザー
2017/08/15 04:10
退会済みユーザー
2017/08/15 04:17
2017/08/15 04:18 編集
退会済みユーザー
2017/08/15 04:19
退会済みユーザー
2017/08/15 04:22
2017/08/15 04:34
退会済みユーザー
2017/08/15 04:50
退会済みユーザー
2017/08/15 05:00
2017/08/15 05:52
退会済みユーザー
2017/08/15 06:08
2017/08/15 07:44 編集
退会済みユーザー
2017/08/15 08:24
2017/08/15 08:34
退会済みユーザー
2017/08/15 08:51
2017/08/15 09:36
退会済みユーザー
2017/08/15 09:40
2017/08/15 10:10
退会済みユーザー
2017/08/15 11:38
退会済みユーザー
2017/08/16 01:18
2017/08/16 01:22
退会済みユーザー
2017/08/16 01:24