作者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/cn.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