vue 二维数据内容变化刷新视图的解决办法

最新推荐文章于 2024-05-30 11:16:51 发布

阿豪boy

最新推荐文章于 2024-05-30 11:16:51 发布

阅读量174

点赞数

文章标签： vue js javascript html 卷积神经网络

本文链接：https://blog.csdn.net/qq_35516360/article/details/122066919

版权

当Vue中的二维数组内容发生变化时，默认情况下不会触发watch方法或自动刷新视图。即使在watch中设置deep，问题依然存在。解决这个问题可以采取两种方式：一是通过重新挂载组件来强制刷新视图，但这样不会触发动画；二是利用Vue的set方法，不仅能更新视图，还能触发watch事件，适合需要监听数据变化的场景。

摘要由CSDN通过智能技术生成

原文链接: vue 二维数据内容变化刷新视图的解决办法

上一篇: js Async/Await

下一篇: vue 模板的简单使用

vue 中二维数组内容发生变化，不会触发watch方法和刷新视图

在watch中加入deep也无法解决

方法一

重新挂载，虽然会刷新视图但是不会触发watch方法

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <script src="./vue.js" charset="utf-8"></script>
</head>

<body>
    <div id='app'>
        {
   {arr}}
        <button @click="change">