树型选择器,动态添加样式不生效
背景:做了一个树型选择器,给选中的项动态添加样式,但是不生效
h('span', {
style: {
cursor: 'pointer',
fontSize: '14px',
width:'60px'
},
class:{},
on: {
click: (e) => {
// debugger
// console.log(e);
this.getSelectedNodes(data);
$('.active-light').removeClass('active-light');// 把上一次点击的dom的背景样式去掉
$(e.target).addClass('active-light')
}
}
}, data.title),
检查了好久,jquery、样式都没有问题,浏览器调试发现样式动态加上了,但就是不生效。
解决方法:
把style标签里的 scoped 去掉就好了。
(又是长知识的一天)