在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ vue 實(shí)現(xiàn)點(diǎn)擊元素的點(diǎn)擊功能

vue 實(shí)現(xiàn)點(diǎn)擊元素的點(diǎn)擊功能

                    <div v-for="item in forum[1]" class="comment">
                        <!-- 回復(fù)評論 -->
                        <span ref="spanid" class="none">{{item.id}}</span>
                        <img @click="com_pe" width="70" height="60" class="lun-img" :src="item.head_img"></img>
                        <div class="tim">{{item.addtime}}</div>
                        <div class="name">{{item.phone}}</div>
                        <div class="c_speak">{{item.content}}</div>
                        <!-- 點(diǎn)贊 -->
                        <i @click="Comment_zan(item)" class="com_i czan icon-favorite"><span class="com num">{{item.is_love}}</span></i>
                    </div>

// 評論第一個(gè)人點(diǎn)贊
Comment_zan(item) {

getComment($('.com').html()).then((res) => {
      if (res.status === ERR_OK) {
                    $('.com_i').html(res.data.data.is_love)
                }
            })
            if (parseInt($('.com').html()) - 1) {
                $('.com_i').css('color', 'red')
            } else {
                $('.com_i').css('color', '#008000')
            }
        },                       

clipboard.png

回答
編輯回答
綰青絲

$('.com_i')取到所有列表的心的dom了,不能用class選擇。還有你用了vue可以不用dom選擇器。

2017年1月23日 07:09
編輯回答
檸檬藍(lán)

clipboard.png

2017年1月31日 13:53
編輯回答
純妹

用vue的話,就不要總想著通過DOM實(shí)現(xiàn)操作了,jquery基本可以不用了,多用數(shù)據(jù)驅(qū)動(dòng)。

比如你的這個(gè)例子,你點(diǎn)贊的時(shí)候,通過點(diǎn)擊是可以知道對哪個(gè)用戶(item)點(diǎn)贊的對不對,所以在item上,給對應(yīng)的屬性直接改就好了,頁面上會(huì)自動(dòng)更改的,包括點(diǎn)贊之后的樣式,也可以通過一個(gè)屬性控制,就不用每次手動(dòng)操作DOM了。

2017年3月13日 05:29