vue数据双向绑定不上

最新推荐文章于 2023-06-15 09:28:44 发布

tangguo_kuku

最新推荐文章于 2023-06-15 09:28:44 发布

阅读量1.4k

点赞数

分类专栏： vue使用技巧文章标签： vue javascript es6 前端

本文链接：https://blog.csdn.net/tangguo_kuku/article/details/107501697

版权

在Vue项目中遇到data定义的对象属性无法在页面上回显的问题。文章探讨了这个问题的原因，并提供了四种解决方案：1) 重新给data赋值改变引用；2) 使用官方推荐的方法；3) 在data中预先定义属性名；4) 使用方法进行操作，但可能造成性能损耗。

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

废话不多说，直接上代码，最近公司小伙伴写vue项目在data是这样定义的

data() {
   
    return {
   
      msg: "Welcome to Your Vue.js App",
      data: {
   }
    };
  },

如图定义了一个data对象，通过created钩子函数发送了请求拿到了数据一个数据对象，并且想把拿到的数据对象中的某些属性给data中的data，这多简单，直接开干

created() {
   
    setTimeout(item => {
       
      let obj = {
    name: 123, age: 16 };
      const {
    name, age } = {
    ...obj };

关注

专栏目录