一个elementul表格,后端返回所有的数据,表格全部出来,然后前端控制通过多选下拉框多选,显示对应的列,没有选择的默认隐藏,请问如何做到,根据多选的数据显示隐藏对应的项。我试过了用v-if来控制是否隐藏,判断是根据多选的数组内indexof是否==0.但是这样选一个是可以生效的,但是多选的时候就只有第一次点击的选项可以显示隐藏,后面点的不生效,想问下还有什么其他好办法吗。
你可以这么做
第一,用一个对象存放每一列的feild值,键值对的形式,键是feild的值,值是false,代表不显示,true代表显示,然后在表格的每一列加上v-if="",里面的值是对象里面对应的键名
第二,在多选框勾选之后,这时候应该把value值放入一个数组,如selectList
第三,勾选以后,选择确定,这时候去遍历selectList里面的值,判断第一步里面创建的对象的键是否存在于这个selectList里面,如果存在,则让对象对应键的值为true,代表勾选显示
第四,一个关键的地方,就是给表格加上new Date.now(),代表每次都是不一样的表格,重新渲染表格
第五,还有一些细节,请私聊我……