原 解决uniapp中 v-for @click无法传参问题

版权声明：本文为博主原创文章，请尊重他人的劳动成果，转载请附上原文出处链接和本声明。
本文链接：https://www.91mszl.com/zhangwuji/article/details/1434

一：错误写法

<view v-for="(item, index) in goodList" :key="key" @click="judgeIsUserLogin(item.id)">
    <view class="cate-content">
        <view class="cate-text">{{item.name}}</view>
    </view>
</view>

<script>
    export default {
        data() {
	    return {
				
            };
	},
	methods: {
            judgeIsUserLogin(obj){ // 判断用户是否登录
                console.log(obj); // 打印出undefined
	    }
	}
    }
</script>

二：正确写法，将@click="judgeIsUserLogin(item.id)"改为@click="()=>judgeIsUserLogin(item.id)"

<view v-for="(item, index) in goodList" :key="key" @click="()=>judgeIsUserLogin(item.id)">
    <view class="cate-content">
        <view class="cate-text">{{item.name}}</view>
    </view>
</view>

<script>
    export default {
        data() {
            return {
				
	    };
	},
        methods: {
            judgeIsUserLogin(obj){ // 判断用户是否登录
                console.log(obj);
	    }
	}
    }
</script>