dcloudio / uni-app

A cross-platform framework using Vue.js
https://uniapp.dcloud.io
Apache License 2.0
40.05k stars 3.64k forks source link

nvue在onReady中对data变量赋值对视图层的:active有影响! #3428

Closed etjson closed 2 years ago

etjson commented 2 years ago

问题描述 nvue在onReady中对data变量赋值对视图层的:active有影响!

复现步骤

  1. 使用 HbuilderX 创建一个最简单的示例工程,采用 vue2
  2. 创建 nvue 页面,页面代码如下:
    
    <template>
    <div>
        <div class="app">
            <div class="header jihuo" v-if="jihuo">
                <div class="header_left"></div>
                <div class="header_right">
                    <text class="right_text_a">{{ asd }}</text>
                </div>
            </div>
            <div v-else class="header weijihuo">
                <div class="header_left"></div>
                <div class="header_right">
                    <text class="right_text_a">{{ asd }}</text>
                </div>
            </div>
        </div>
    </div>
    </template>

预期结果 在onReady中对data变量赋值对视图层的:active没有影响

实际结果 在onReady中对data变量赋值对视图层的:active有影响

系统信息: 发行平台:App 操作系统:Android 12 HBuilderX版本:3.3.13 设备信息:小米12pro

etjson commented 2 years ago

@fxy060608 可以看一下么?

zhetengbiji commented 2 years ago

设置 nvueStyleCompiler 为 weex 试试:https://uniapp.dcloud.io/collocation/manifest.html

如果仍然有问题,节点上增加 key 属性即可

fxy060608 commented 2 years ago
<div>
        <div class="app">
            <div key="jihuo" class="header jihuo" v-if="jihuo">
                <div class="header_left"></div>
                <div class="header_right">
                    <text class="right_text_a">{{ asd }}</text>
                </div>
            </div>
            <div key="weijihuo" v-else class="header weijihuo">
                <div class="header_left"></div>
                <div class="header_right">
                    <text class="right_text_a">{{ asd }}</text>
                </div>
            </div>
        </div>
    </div>