工作日记：vue实现局部刷新的方法

最新推荐文章于 2024-04-09 16:29:43 发布

唧唧bong_

最新推荐文章于 2024-04-09 16:29:43 发布

阅读量572

点赞数 1

文章标签：前端 js vue

本文链接：https://blog.csdn.net/m0_67992720/article/details/127635136

版权

1.定义局部刷新的方法（此处以单选框为例）

<template>
	<div class="select">
        <input type="checkbox"
               v-if="isShow"
               :checked="i.isChecked"
               @click="updateChecked(i)" />
    </div>
</template>
<script>
export default{
	data(){
		return{
			isShow: true,
		}
	},
	methods: {
		reload () {
			this.isShow = false;
			this.$nextTick(() => {
				this.isShow = true
			})
		},
	}
}
</script>

2.在需要执行局部刷新的方法中调用上面定义的reload方法

 updateChecked(item: any) {
    for (const i in this.payMethodsList) {
      this.payMethodsList[i].isChecked = false
    }
    item.isChecked = true
    this.payMethod = item.code
    //刷新支付方式選擇
    this.reload()
  }