uniapp中为啥我点击之后没反应，必须去其他页面再回来，才会显示

Question

<div class="bigC"  v-for="(item,index) in listRe" @click="showInput(index)">
                        <div class="cent">
                            <div class="text">
                                <span>库房编号:</span>
                                <span>{{item.al_zbgno}}</span>
                            </div>
                            <div class="text">
                                <span>储位编号:</span>
                                <span>{{item.al_stno}}</span>
                            </div>
                            <div class="text">
                                <span>报警名称:</span>
                                <span>{{item.al_name}}</span>
                            </div>
                            <div class="text">
                                <span>报警时间:</span>
                                <span>{{item.al_time1}}</span>
                            </div>
                            <div class="text">
                                <span>报警账号:</span>
                                <span>{{item.al_accno1}}</span>
                            </div>
                            <div class="text">
                                <span>报警姓名:</span>
                                <span>{{item.al_accna1}}</span>
                            </div>

                        </div>
                        <div v-if="item.showInputBox" class="showInputBox">
                            <!-- <input type="text" v-model="inputValue" @blur="saveInput" /> -->
                            <u-input v-model="inputValue" :type="type" :border="border" @blur="saveInput(index)"
                                placeholder='请输入处理方式' />
                        </div>
                    </div>
showInput(index) {
                // 点击元素时显示输入框
                this.listRe[index].showInputBox = true;
                // 将对应的数据保存到inputValue中
                // this.inputValue = item.al_zbgno;
                console.log(222);
                console.log(this.listRe[index].showInputBox);
            },
            saveInput(index) {
                // 输入框失去焦点时保存输入的内容
                // 可以在这里进行相应的处理，比如更新数据列表等
                console.log(this.inputValue);
                // this.listRe[index].showInputBox = false; // 隐藏输入框
            }

uniapp中为啥我点击之后没反应，必须去其他页面再回来，才会显示

Answer 1

showInput(index) {
                this.selectedIndex = index;

                this.$nextTick(() => {
                    // 点击元素时显示输入框
                    this.listRe[index].showInputBox = !this.listRe[index].showInputBox;
                    this.$forceUpdate() //强制更新组件。
                });

            },