如何使用vue.js中全局API中的方法修改数组元素

 时间:2024-10-12 03:17:53

1、第一步,双击打开HBuilderX工具,新建一个静态页面并导入vue.js文件,如下图所示:

如何使用vue.js中全局API中的方法修改数组元素

2、第二步,在主体标签元素内,插入一个div标签容器,并在div插入一个有序列表和按钮,如下图所示:

如何使用vue.js中全局API中的方法修改数组元素

3、第三步,接着在<script></script>中,实例化vue对拇峨镅贪象,给trees数组赋初值,如下图所示:

如何使用vue.js中全局API中的方法修改数组元素

4、第四步,添加vue的methods方法,声明和定义treeClick点击函数,调用Vue.衡痕贤伎set()给数组trees添加属性,如下图所示:

如何使用vue.js中全局API中的方法修改数组元素

5、第五步,保存代码并打开浏览器预览界面效果,然后尝试点击按钮,查看之后的变化,如下图所示:

如何使用vue.js中全局API中的方法修改数组元素

6、第六步,点击修改按钮之后,会添加一项;每点击一次按钮,就会新添加一项,如图所示:

如何使用vue.js中全局API中的方法修改数组元素
  • WPF应用程序中如何添加DatePicker控件
  • linux命令发送get、post请求
  • 临安太湖源旅游攻略
  • 天天躲猫猫3第三关过关攻略
  • 正确理解茶的苦涩和津润甘甜
  • 热门搜索
    陪读期间发生了性怎么切 怎么封别人的qq号 柔顺剂怎么用 小狗吸尘器怎么样 家谱怎么写 下面瘙痒怎么办 痦子怎么去除 宝宝鼻塞怎么办 凉菜怎么做 发生火灾怎么办