Vue的子組件會為什麼影響到不到父層？

vue.js javascript

yolala 2020-09-26 15:06:21 ‧ 1573 瀏覽

原本要做的效果是按下一步或是上一步把 step0 >step1 >step2>step3.... 的
css 改變讓顏色變色

但是把裡面的路徑變成組件之後反而css 無法改變，
我有仔細看過下 vue template parent child root

所以把組件裡面原本的
this.step 改成 this.$root.step 沒有影響到

恩請問有什麼其他解法嗎？真的很抱歉．．．．

看更多先前的討論...收起先前的討論...

小碼農米爾 iT邦高手 1 級 ‧ 2020-09-26 15:38:53 檢舉

沒變色的原因應該是，超連結重整了頁面
可以使用下面這個語法讓超連結無效
<a href="javascript:void(0)"

yolala iT邦新手 5 級 ‧ 2020-09-26 16:09:32 檢舉

恩好像沒有椰

小碼農米爾 iT邦高手 1 級 ‧ 2020-09-26 16:22:25 檢舉

另外 this.$root.step 要改回 this.step

listennn08 iT邦高手 5 級 ‧ 2020-09-26 21:16:12 檢舉

在 html 用 step 不需要加 this
用 a 標籤請在 click 加上 prevent -> @click.prevent

小碼農米爾 iT邦高手 1 級 ‧ 2020-09-26 22:32:51 檢舉

((筆記，listennn08 大的解答比較好

yolala iT邦新手 5 級 ‧ 2020-09-26 22:59:10 檢舉

謝謝各位＠＠

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22203 篇

完賽人數

602 人

IT邦幫忙