[問題] vue.js 的class的切換

看板Ajax作者 (火球小子)時間3年前 (2020/08/28 20:36), 編輯推噓0(007)
留言7則, 3人參與, 3年前最新討論串1/2 (看更多)
因為工作上的需求, 最近開始自學 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://www.ptt.cc/bbs/Ajax/M.1598618182.A.E86.html

08/28 23:15, 3年前 , 1F
vue吃不到array某個特定element的變化
08/28 23:15, 1F

08/28 23:16, 3年前 , 2F
最暴力的作法是加this.$forceUpdate();在更新完後面,但我
08/28 23:16, 2F

08/28 23:17, 3年前 , 3F
猜應該有更好的做法 by 也正在學習vue的新手
08/28 23:17, 3F

08/29 00:35, 3年前 , 4F
賦值的方法不對,用 push 才會觸發 setter, = 不能
08/29 00:35, 4F

08/29 05:53, 3年前 , 5F
用this.$forceUpdate();可以耶!另外發現改用this.se
08/29 05:53, 5F

08/29 05:53, 3年前 , 6F
t來塞元素到陣列也可以。
08/29 05:53, 6F

08/29 05:53, 3年前 , 7F
謝謝各位
08/29 05:53, 7F
文章代碼(AID): #1VIFf6w6 (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1VIFf6w6 (Ajax)