作者clerkhsiao (火球小子)
看板Ajax
標題[問題] [ vue.js ] class的切換
時間Fri Aug 28 20:36:18 2020
因為工作上的需求, 最近開始自學 vue.js, 但遇上個問題一直解決不了, 所以想請問各位先進。
程式說明：
以下的的小程式有搭配bootstrap, 按下新增鈕之後會新增資料, 每一筆新增的資料會連帶產生一個年代的的model, 在生日的年的input上click之後, 會跳出生日的年代的model, 在特定的年代上click之後, 圓圈會切換成被打勾的圖案 ( 透過切換fa_circle和fa_check_circle這兩個class的方式來產生效果 )。
問題說明：
按下圓圈之後沒有切換成打勾的圖案, 我有用console.log把birthday_year這個陣列的值印出來, 按下的年代的值是有改變的( true 和 false的切換 ), 請問為什麼值有切換但效果卻沒出來呢?
https://i.imgur.com/tg2yXhs.jpg
https://i.imgur.com/w5ofdsf.jpg
程式：
https://jsfiddle.net/clerkhsiao/w6puaxtn/16/
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 113.144.128.83 (日本)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1598618182.A.E86.html
1F：→ oToToT: vue吃不到array某個特定element的變化 08/28 23:15
2F：→ oToToT: 最暴力的作法是加this.$forceUpdate();在更新完後面，但我 08/28 23:16
3F：→ oToToT: 猜應該有更好的做法 by 也正在學習vue的新手 08/28 23:17
4F：→ jhnny97: 賦值的方法不對，用 push 才會觸發 setter， = 不能 08/29 00:35
5F：→ clerkhsiao: 用this.$forceUpdate();可以耶！另外發現改用this.se 08/29 05:53
6F：→ clerkhsiao: t來塞元素到陣列也可以。 08/29 05:53
7F：→ clerkhsiao: 謝謝各位 08/29 05:53