如何用vue实现点击按钮改变单元格字体的颜色？
0
最佳答案
0
思路反了，一般的操作是：点击按钮（获取到红色配置），再点击单元格，该单元格设置为红色
实现思路是：给单元格绑定一个list，list中每个对象拥有color属性，点击时获取当前单元格id，然后修改list中该数据的color为获取到的红色配置。
获取所有红色单元格时，只需要筛选list中color为红色的数据即可。
需要具备的Vue知识点：
v-model绑定数据
@click事件
收获园豆：5
需求就是必须先选定单元格，后点击按钮
@天亦玄: 也能实现，我写的思路改改就行了。
每次点击单元格时，修改绑定的list数据（这里给个属性Flag，点击过的修改为true）
点击按钮时，遍历集合，判断flag==true的，修改color属性为按钮对应的颜色值即可。
@默卿: 我觉得有点繁琐，没有query方便，jquery可以直接根据行号和列找到td并添加class，vue中有没有类似的方法?
@天亦玄: 其实Vue更方便，双向绑定用多了会比JQ用着更爽
@默卿: 我用jquery可以操作这个table的数据和属性，但是我vue，我只能操作它的数据，拿不到属性啊
