8***@qq.com

发布：2020-09-11 14:58
更新：2020-09-15 19:33
阅读：635

【报Bug】模板函数重复执行无数次

分类：uni-app

bug反馈不是bug

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： win10

HBuilderX类型：正式

HBuilderX版本号： 2.8.11

手机系统： iOS

手机系统版本号： iOS 13.4

手机厂商：苹果

手机机型： iphone 8plus

页面类型： nvue

打包方式：云端

项目创建方式： HBuilderX

示例代码：

<template>  
    <view class="content">  
        <text>{{test()}}</text>  
    </view>  

</template>  

<script>  
    export default {  
        data() {  
            return {  
                b:0  
            }  
        },  
        methods: {  
            test(){  
                this.b++;  
                return this.b;  
            },  
        }  
    }  
</script>  

<style>  

</style>

操作步骤：

启动app就能出现 b值无限制+1

预期结果：

显示1

实际结果：

无限制+1

bug描述：

按道理说test 只应该执行一次，实际上执行了无数次

2020-09-11 14:58 负责人:无分享

3 个回复

8***@qq.com (作者)

视频虽然是模拟器的，但是ios也是一样。
示例代码是模拟这个问题的，实际功能比这些复杂。

8***@qq.com (作者)

DCloud_UNI_GSQ

请勿这样使用，因为
模板渲染时会执行此方法，执行此方法导致数据变更，数据变更导致模板重新渲染，模板渲染时会执行此方法，执行此方法导致数据变更，数据变更导致模板重新渲染，模板渲染时会执行此方法，执行此方法导致数据变更，数据变更导致模板重新渲染，模板渲染时会执行此方法，执行此方法导致数据变更，数据变更导致模板重新渲染，模板渲染时会执行此方法，执行此方法导致数据变更，数据变更导致模板重新渲染。。。

8***@qq.com (作者)

对，是我代码语法写错了，不是bug

2020-09-16 11:45

该问题目前已经被锁定, 无法添加新回复

【报Bug】模板函数重复执行无数次

示例代码：

`<template> <view class="content"> <text>{{test()}}</text> </view> </template> <script> export default { data() { return { b:0 } }, methods: { test(){ this.b++; return this.b; }, } } </script> <style> </style>`

操作步骤：

启动app就能出现 b值无限制+1

预期结果：

显示1

实际结果：

无限制+1

bug描述：

3 个回复

公告

相关问题

【报Bug】模板函数重复执行 无数次

示例代码： <template> <view class="content"> <text>{{test()}}</text> </view> </template> <script> export default { data() { return { b:0 } }, methods: { test(){ this.b++; return this.b; }, } } </script> <style> </style>

操作步骤： 启动app就能出现 b值 无限制+1

预期结果： 显示1

实际结果： 无限制+1

bug描述：

与内容相关的链接

3 个回复

公告

相关问题

【报Bug】模板函数重复执行无数次

示例代码：

`<template> <view class="content"> <text>{{test()}}</text> </view> </template> <script> export default { data() { return { b:0 } }, methods: { test(){ this.b++; return this.b; }, } } </script> <style> </style>`

操作步骤：

启动app就能出现 b值无限制+1

预期结果：

显示1

实际结果：

无限制+1