[工具bug]JS动态修改css会触发wxml panel中的style面板
发布于 5 年前 作者 jpan 10997 次浏览 来自 问答

新版本v1.01.170907试过了,过去的一些问题貌似已经没有了,非常感谢,不过又发现了一个新的问题。示例代码如下。


<swiper id="the_swiper" bindchange="swiperChangedHandler">...swiper>
<view id="custom_indicator">
   <view class="indicator-list">
       <block wx:for="{{slides}}" wx:for-index="{{idx}}">
           <view class="indicator-item {{onArray[idx]}}">view>
       block>
   view>
view>
data: {
   slides: [...] //轮播图片数组
   onArray: ['on', '', '', '']
}
swiperChangedHandler: function (event) {
   //在这里不断修改onArray中'on'的位置。
       ...
}


其实就是用js不断地动态修改某个node的class属性值,每修改一次,虽然wxml panel中的wxml部分是正常的,但是style部分会跳到刚修改过的那个style,因为swiper的handler会一直修改,所以style那一块会持续跳到修改的那个style,这样就没法在wxml panel调试其它node的style了。

后来发现,只要是js修改了某个css,那style面板就会focus到这个css上,我觉得这是一个bug。

1 回复

收到

我们看下

回到顶部