收藏
回答

[工具bug]JS动态修改css会触发wxml panel中的style面板

问题模块
开发者工具



新版本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。

最后一次编辑于  2017-09-08
回答关注问题邀请回答
收藏

1 个回答

  • 林超
    林超
    2017-09-08

    收到


    我们看下

    2017-09-08
    赞同
    回复