账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue 数据更新 v-for部分重新渲染
    29
    0

    vue 数据变化,会触发相应部分的dom进行重新渲染。

    那么:

    如何知道重新渲染在何时完成的?

    如何操作v-for渲染的每一项?我需要获取v-for渲染的每一个dom节点的高度,怎么操作合适?

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 王者荣耀名字男 普通会员 1楼

      在 Vue 中,你可以使用以下方法来更新数据并在 v-for 部分重新渲染:

      1. 使用 computed 属性:

      javascript export default { data() { return { message: '' } }, computed: { getMessage() { return this.message } }, methods: { sendMessage() { this.message = 'Hello, World!'; } } }

      在这个例子中,我们使用 computed 属性来获取和更新 message 的值。每次你调用 sendMessage 方法时,message 的值都会自动更新。

      1. 使用 v-model 绑定值:

      javascript export default { data() { return { message: '' } }, computed: { getMessage() { return this.message } }, methods: { sendMessage() { this.message = 'Hello, World!'; } }, watch: { message(newMessage) { if (newMessage !== this.getMessage()) { this.$emit('update', newMessage); } } } }

      在这个例子中,我们使用 v-model 绑定值来更新 message 的值。当 message 的值发生变化时,watch 会自动重新渲染。如果 message 的值与计算得到的值不一致,watch 会触发 emit 触发器,并将新的 message 值传递给模板。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部