vue.js - v-once导致v-on渲染失效，求大牛解释下

问题描述

问 题

<template>
  <div>
    <p v-once>hello {{world}}</p>
    <button @click="world='wuwu'">改变wrold值</button>
  </div>
</template>

<script>
export default {

  data () {
    return {
      world: 'world'
    }
  }
}
</script>

换成v-twice或者v-html就能正常渲染了，为什么第一次v-once让按钮失效了呢，谢谢

解决方案

v-once的作用就是只绑定一次, 以后再去改变world的值都不会影响页面上的显示

这篇关于vue.js - v-once导致v-on渲染失效，求大牛解释下的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！