美文网首页
vue重新渲染数据,刷新显示数据

vue重新渲染数据,刷新显示数据

作者: 明人不放按屁 | 来源:发表于2019-11-18 11:25 被阅读0次

    一般这种功能可以用在页面添加功能上面,例如push字符串,‘查看更多’的功能时候,可以用到这种方法。

    <template>

      <div>

          <div v-for='item in list'>{{item}}</div>

          <button @click='click'>改变</button>

          <button @click='hadelClick'>解决方法</button>

      </div>

    </template>

    <script>

      export default({

        data(){

          return{

            list:{a:'a',b:'b'},

          }

        },

        methods: {

              click() {

              //  未声明不触发渲染

              this.list.c='c'

              },

              hadelClick(){

                // 解决方法,使用vue提供的$set方法来触发渲染

    将后面的d  添加到第一个d中

                this.$set(this.list,'d','d')

              }

            }

      })

    </script>

    相关文章

      网友评论

          本文标题:vue重新渲染数据,刷新显示数据

          本文链接:https://www.haomeiwen.com/subject/fimvictx.html