json vue 对象转数组_vue 基础入门（一）修改

最新推荐文章于 2024-09-17 22:47:26 发布
最新推荐文章于 2024-09-17 22:47:26 发布
阅读量1.9k 收藏
点赞数
文章标签： json vue 对象转数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_26808963/article/details/112147137
版权
本文是Vue基础入门的第一部分，介绍了Vue的定义、安装和`new Vue(options)`。详细讲解了Vue实例创建时的常用options，包括`el`, `name`, `components`, `data`, `props`, `provide / inject`, `watch`和`methods`等，帮助理解Vue如何操控视图并实现数据绑定和组件化。同时，提到了Vue实例的生命周期和组件通信方法。" 80505335,7738388,Android外播电话拦截与阻止,"['Android开发', '移动应用程序开发', '电话拦截']
摘要由CSDN通过智能技术生成

vue基础入门(一)

1. 什么是vue

  • Vue.js(读音 /vjuː/, 类似于 view) 是一套构建用户界面的渐进式框架。
  • Vue 只关注视图层， 采用自底向上增量开发的设计。
  • Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

2. 安装vue

  • 简单学习安装，新增index.html,index.js文件,引入vue的cdn。

    html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>vue基础title>
      <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
    head>
    <body>
      <div id="app">div>
      <script src="./index.js">script>
    body>
    html>

3. new Vue(options)

  1. 在index.js通过new Vue(options) 生成一个Vue实例vm，vm是什么？首先要了解vue数据是怎么驱动视图的?一堆数据放在那里是不会有任何作用的，它必须通过我们的View Model(视图模型)才能操控视图。vm就是View Model。

    const options = {};
    // 生成vue实例vm
    const vm = new Vue(options);

    // 替换渲染id为app的dom  页面中什么都没有
    vm.$mount('#app');

  2. 页面会显示空白，这是因为options没有描述视图的数据。options是由vue所提供的特定字段属性构成。简单分为2类，生命周期与其他属性。

    const options = {
      el:'',
      name:'name',
      components:{},
      data() {
        return {};
      },
      props:[],
      inject:[],
      watch:{},
      methods:{},
      template:``,
      render(h){return h()},
      // other props 和 生命周期
    };

4. 常用options

在日常开发中会使用vue提供的webpack构建工具vue-cli来搭建vue脚手架，目前学习使用cdn方式快速体验，了解vue。

  1. .vue文件与options的对比
类别组成模板
.vue.vue 由template,script,css三部分构成由 标签包裹的模板区域，由html和xml格式组成类似jsx。包裹的js区域，包裹的css区域
optionsoptions是一个object由 template属性或render方法表示，属性值为支模板字符串,render方法返回值为VNode

代码举例

// .vue 文件
这是.vue文件构成 



//  options 构成，class需要在css文件中定义
const options ={
  template:`
只是options中模板
`,
  name:'vueOptions',
  data(){return {}}
}

4.1 el 属性

  • 「类型」：string | Element

  • 「限制」：只在用 new 创建实例时生效。

  • 「详细」：

提供一个在页面上已存在的 DOM 元素作为 Vue 实例的挂载目标。可以是 CSS 选择器，也可以是一个 HTMLElement 实例。

在实例挂载之后，元素可以用 vm.$el 访问。

如果在实例化时存在这个选项，实例将立即进入编译过程，否则，需要显式调用 vm.$mount() 手动开启编译。

// 方法1：
//  生成vue实例vm
const vm = new Vue({});

// 替换渲染id为app的dom
vm.$mount('#app');

// 方法2：

const vm = new Vue({el:'#app'})
❝

总结 传的的是字符串,Vue内部是通过document.querySelector()查找dom并替换的。 传递的是Element，Vue内部就是直接替换这个Element。 把vm挂载到一个dom节点上，vm会替换当前dom节点，使用el参数 或者调用vm.$mount()挂载。 深入理解[1]

❞

4.2 name 属性

  • 「类型」：string

  • 「限制」：只有作为组件选项时起作用。

  • 「详细」：

    允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name。

    指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools[2]，未命名组件将显示成 ，这很没有语义。通过提供 name 选项，可以获得更有语义信息的组件树。

❝

总结 vm的表示符，全局注册组件使用,name作为组件id，调试工具显示组件name。

❞

4.3 components 属性

  • 「类型」：object

  • 「详细」:

自定义组件组件注册template中使用方法
Child1局部注册{components:{Child1:Child1}}或或或
Child1全局注册 Vue.component(Child1.name,Child1)同上

组件有两种「全局注册」和「局部注册」，components的内容就是options，

全局注册需要使用Vue.component，局部注册options.components

//局部注册
  {
    ...
    // 引用组件 多种方式 Child,Child2两个组件
    components: { Child:Child, 'child-2': Child2 },
    ...
  }
❝

总结 组件注册分为全局和局部注册，全局注册以后，可以在任意模板内使用组件无需再次注册，局部注册后只能在注册的该组件内部使用

❞

4.4 data 属性

  • 「类型」：Object | Function

  • 「限制」：组件的定义只接受 function。

  • 「详细」：

Vue 实例的数据对象。Vue 将会递归将 data 的 property 转换为 getter/setter，从而让 data 的 property 能够响应数据变化。「对象必须是纯粹的对象 (含有零个或多个的 key/value 对)」：浏览器 API 创建的原生对象，原型上的 property 会被忽略。大概来说，data 应该只能是数据 - 不推荐观察拥有状态行为的对象。

一旦观察过，你就无法在根数据对象上添加响应式 property。因此推荐在创建实例之前，就声明所有的根级响应式 property。

实例创建之后，可以通过 vm.$data 访问原始数据对象。Vue 实例也代理了 data 对象上所有的 property，因此访问 vm.a 等价于访问 vm.$data.a。

以 _ 或 $ 开头的 property 「不会」被 Vue 实例代理，因为它们可能和 Vue 内置的 property、API 方法冲突。你可以使用例如 vm.$data._property 的方式访问这些 property。

当一个「组件」被定义，data 必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个纯粹的对象，则所有的实例将「共享引用」同一个数据对象！通过提供 data 函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始数据的一个全新副本数据对象。

如果需要，可以通过将 vm.$data 传入 JSON.parse(JSON.stringify(...)) 得到深拷贝的原始数据对象。

{
//方式1  
  data(){
    return { 
      msg: 'name is app',
      count: 0,
      res: { code: 0 } 
    };  
  }
//方式2 不推荐使用
  data:(vm)=>{return {a:vm.a}}
}
❝

总结

  1. data必须为返回一个object的funtcion,如果data为object则多个实例对象引用的data为同一个。
  2. data返回的object将会被Vue观察，实现响应式数据，vm实例创建之后不能直接新增data的属性，如有需要通过vm.$set添加
  3. vm.prop = vm.$data.prop
❞

4.5 props 属性

  • 「类型」：Array | Object

  • 「详细」：

props 可以是数组或对象，用于接收来自父组件的数据。props 可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。

你可以基于对象的语法使用以下选项：

  • type：可以是下列原生构造函数中的一种：String、Number、Boolean、Array、Object、Date、Function、Symbol、任何自定义构造函数、或上述内容组成的数组。会检查一个 prop 是否是给定的类型，否则抛出警告。Prop 类型的更多信息在此[3]。
  • default：any 为该 prop 指定一个默认值。如果该 prop 没有被传入，则换做用这个值。对象或数组的默认值必须从一个工厂函数返回。
  • required：Boolean 定义该 prop 是否是必填项。在非生产环境中，如果这个值为 truthy 且该 prop 没有被传入的，则一个控制台警告将会被抛出。
  • validator：Function 自定义验证函数会将该 prop 的值作为唯一的参数代入。在非生产环境下，如果该函数返回一个 falsy 的值 (也就是验证失败)，一个控制台警告将会被抛出。你可以在这里[4]查阅更多 prop 验证的相关信息。
//template  传递props
  "name" :pMsg="msg" :pRes="res" />// 接收父组件传递的props
{props: ['pMsg', 'pString', 'pRes'],
}// props 另一种方式  可以设置类型验证 与 默认值 
{props: { pMsg: { type: String, default: 'default pMsg' } }
  }

  • 属性传递 | 标签格式 | 操作符 | key | value | 说明 | | -------------- | -------------- | ------- | -------------- | ---------------------------------- | | pString="name" | 无 | pString | 字符串值'name' | 组件内部只能接收到字符串格式的值 | | :pMsg="msg" | v-bind:简写: | pMsg | js变量msg | msg 现在是一个变量，可以使js任何值 |

  • 属性接收 | 方式 | 使用方法 | 解释 | | ------ | --------------------------------------------------------- | ------------------------------------------------------------ | | Array | props:['pString','pMsg','pRes'] | 使用数组方式确定引用的属性名称 | | Object | props:{ pMsg: { type: String, default: 'default pMsg' } } | 使用对象方式确定引用属性名称，类型，默认值，有更高控制细粒度 |

❝

总结 porps 是使用组件时在标签定义的属性，组件内部通过props这个key接收，如果不在prps中定义，组件内部不能通过vm.prpsName调用属性，可通过vm.$attrs获取

❞

4.6 provide / inject 数据

  • 「类型」：

    • 「provide」：Object | () => Object
    • 「inject」：Array | { [key: string]: string | Symbol | Object }

  • 「详细」：

  1. 简单理解，提供给后代组件依赖注入方式。任意后代组件都可以通过inject获取到provide提供的数据。
  2. provide 提供的对象的属性值如果为基本类型不具有响应式，引用类型具有响应式功能。
❝

总结 参考 vue组件通信 https://mp.weixin.qq.com/s?__biz=MzIwNDgxNTM1OA==&mid=2247483668&idx=1&sn=f069d721fd6a1332347cf479078da924&chksm=973b2f85a04ca6932f7035b3446cf8135544a0fa768ea90f4a2af2f9c4b728be587d2ad6ab40&token=786517297&lang=zh_CN#rd

❞

4.7 watch 属性

  • 「类型」：{ [key: string]: string | Function | Object | Array }

  • 「详细」：

一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个 property。

  // watch 监听数据的改变 props,data
  watch: {
    pMsg(newVal, oldVal) {
      console.log('newVal: ', newVal);
      console.log('oldVal: ', oldVal);
    },
    // 详细的监听设置
    pRes: {
      handler(newVal, oldVal) {
        console.log('newVal:pString ', newVal);
        console.log('oldVal:pString ', oldVal);
      },
      //  immediate 默认false 只有在属性改变时候才会被监听到 ，true 初始化时执行一次handler方法
      immediate: true,
      // 深度监听，引用类型 内部改变可被监听 ,res.code 改变会触发handler
      deep: true
    },
    // 字符串实现监听引用类型的某一个属性
    'pRes.code': {
      handler(val, old) {
        console.log('pRes.code old: ', old);
        console.log('pRes.code newVal: ', val);
      }
    }
  },
监听方式使用方式
function方式pMsg(newVal, oldVal) { console.log('newVal: ', newVal);console.log('oldVal: ', oldVal);}
object方式pRes:{handler(newVal, oldVal) {},immediate: true,deep:true}
string方式'pRes.code':对象或者function
❝

总结

  1. watch可以监听一些数据的改变，如data，props。
  2. 被watch的属性需要有一个function 接收newVal，oldVal两个参数
  3. 可通过字符串实现监听引用类型的某一个属性
  4. 可以通过object更细粒控制watch
    1. handler：接收newVal，oldVal的回调方法
    2. immediate：immediate 默认false 只有在属性改变时候才会被监听到 ，true 初始化时执行一次handler方法
    3. deep ： 深度监听，引用类型 内部改变可被监听 ,res.code 改变会触发handler
❞

4.8 methods 属性

  • 「类型」：{ [key: string]: Function }

  • 「详细」：

methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this 自动绑定为 Vue 实例。

// methods 里方法不能使用箭头函数 this指向问题
 methods: {
   onClick() {
     console.log('onClick');
     this.msg = 'onClick';
     this.res.code = 1;
   }
 },
❝

总结 业务逻辑的方法在methods中定义实现。methods的方法不能使用箭头函数，因为this指向问题。

❞

4.9 template 属性

  • 「类型」：string

  • 「详细」：

一个字符串模板作为 Vue 实例的标识使用。模板将会「替换」挂载的元素。 挂载元素的内容都将被忽略，除非模板的内容有分发插槽。

  /**
   * html 模板 {{msg}} 获取到的是data返回的msg
   * props 传递 ：
   *  1 静态传递字符串 PName="name"
   *  2 动态传递 通过 v-bind:key="key" 简写 :key="key"
   *  3 监听事件 通过 v-on:eventName = "callback" 简写 @eventName = "callback"
   * Child 组件演示
   * */
  {
    template: `
{{msg}}
string
btn
`
  }
❝

总结

  1. 在options中template为字符串模板，
  2. 在.vue中可以直接定义template标签书写
  3. 作用等价于 render方法,tmeplate与render同时存在，render生效
❞

4.10 render

  • 「类型」：(createElement: () => VNode) => VNode

  • 「详细」：

字符串模板的代替方案，允许你发挥 JavaScript 最大的编程能力。该渲染函数接收一个 createElement 方法作为第一个参数用来创建 VNode。

如果组件是一个函数组件，渲染函数还会接收一个额外的 context 参数，为没有实例的函数组件提供上下文信息。

{
  render(h) {
        return h(
          // {String | Object | Function}
          // 一个 HTML 标签名、组件选项对象，或者
          // resolve 了上述任何一种的一个 async 函数。必填项。
          'div', 
           // {Object}
      // 一个与模板中 attribute 对应的数据对象。可选。
          {
            msg: this.msg,
            class: 'app',
            attrs: {
              id: 'second',
              title: '测试'
            },
            on: { click() { console.log('click2') } }
          },
          // {String | Array}
          // 子级虚拟节点 (VNodes)，由 `createElement()` 构建而成，
          // 也可以使用字符串来生成“文本虚拟节点”。可选。
          [
            this.msg,
            h(
              'div',
              { class: 'child', childName: 'child1', on: {  } },
              ['child']
            )
          ])
      }
}
方法参数1参数2参数3返回值
renderh是vue中createElement的简写VNode
h节点的描述，html标签,VNodeobject类型，节点属性，class，事件等array类型，子节点，可以是字符串，VNode，html标签VNode
❝

总结

  1. render方法接收一个参数 createElement，返回VNode。createElement简写h
  2. 接收三个参数，当前节点的描述，节点的属性，节点的内容
  3. render方法内容比较多，待后续专门单独写一篇文章
❞

5. 总结

vue是通过View Model(视图模型)操控视图，我们可以通过配置options(一个object)来描述具体的View Model，从而实现业务场景。

const Child = {
  name: 'child',
  // 接收父组件传递的props
  props: ['pMsg', 'pString', 'pRes'],
  data() {
    return { msg: 'name is child' };
  },
  // watch 监听数据的改变 props,data
  watch: {
    pMsg(newVal, oldVal) {
      console.log('newVal: ', newVal);
      console.log('oldVal: ', oldVal);
    },
    // 详细的监听设置
    pRes: {
      handler(newVal, oldVal) {
        console.log('newVal:pString ', newVal);
        console.log('oldVal:pString ', oldVal);
      },
      //  immediate 默认false 只有在属性改变时候才会被监听到 ，true 初始化时执行一次handler方法
      immediate: true,
      // 深度监听，引用类型 内部改变可被监听 ,res.code 改变会触发handler
      deep: true
    },
    // 字符串实现监听引用类型的某一个属性
    'pRes.code': {
      handler(val, old) {
        console.log('pRes.code old: ', old);
        console.log('pRes.code newVal: ', val);
      }
    }
  },
  template: `

              {{this.msg}}
pString:{{pString}}
pMsg:{{pMsg}}
`
};
const Child2 = {
  name: 'child2',
  // props 另一种方式  可以设置类型验证 与 默认值
  props: { pMsg: { type: String, default: 'default pMsg' } },
  data() {
    return { msg: 'name is child2' };
  },
  template: `
{{this.msg}}
pMsg:{{pMsg}}
`
};

const app = {
  // name 标识
  name: 'app',
  // 与 vm.$mount('#app') 功能相同
  // el: '#app',

  // 引用组件 多种方式
  components: { Child, 'child-2': Child2 },

  //  响应式数据 不推荐使用箭头函数 this指向问题
  data() {
    return { msg: 'name is app', count: 0, res: { code: 0 } };
  },

  // methods 里方法不能使用箭头函数 this指向问题
  methods: {
    onClick() {
      console.log('onClick');
      this.msg = 'onClick';
      this.res.code = 1;
    }
  },
  // template:'#app-template'
  /**
   * html 模板 {{msg}} 获取到的是data返回的msg
   * props 传递 ：
   *  1 静态传递字符串 PName="name"
   *  2 动态传递 通过 v-bind:key="key" 简写 :key="key"
   *  3 监听事件 通过 v-on:eventName = "callback" 简写 @eventName = "callback"
   * Child 组件演示
   * */
  template: `
{{msg}}
string
btn
`
};

// 生成vue实例vm
const vm = new Vue(app);

// 替换渲染id为app的dom
vm.$mount('#app');
❝

参考资料

vueAPI[5]: https://cn.vuejs.org/v2/api 实例代码[6]:https://github.com/FearlessMa/FENotes/tree/master/vue/vue

❞
4b9b8d8639d1898b9693fd2695f60038.png
点下关注不迷路

Reference

[1]

深入理解:https://juejin.im/post/5b7fffa851882543036700ad

[2]

vue-devtools:https://github.com/vuejs/vue-devtools

[3]

更多信息在此:https://cn.vuejs.org/v2/guide/components-props.html#Prop-类型

[4]

这里:https://cn.vuejs.org/v2/guide/components-props.html#Prop-验证

[5]

vueAPI:https://cn.vuejs.org/v2/api/#全局配置

[6]

实例代码:https://github.com/FearlessMa/FENotes/tree/master/vue/vue

腾岳掌门
关注
vue js 对象转数组
周家大小姐
08-29 2万+
对象: webSetting: { //公共JS脚本 GlobalJs: { Code: "123", Id: "1", Value: "34234" }, //全站开关 SiteStatus: { Code: "", ...
json vue 对象转数组_json 将对象转化成数组第二种方式
weixin_39847732的博客
12-20 4984
json字符串、json对象、数组 三者之间的转换//json字符串、json对象、数组 三者之间的转换let jsonStr = '[{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"01","open":false,"pId":"0","name":"A部门"},{"id":"011","open":false,"pId":"01",...
vue对象转数组
qq_26388781的博客
03-09 6890
let arr = []; for (let i in obj) { arr.push(obj[i]); }
Vue实战指南：Vue中将一维对象数组转换为二维对象数组
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
09-17 1380
Vue允许我们定义自定义指令，这样可以在DOM元素上绑定特定的行为。虽然这个例子中自定义指令并不是必须的，但是它可以作为一个展示Vue灵活性的例子。
vue中如何将对象类型转成数组
weixin_35755188的博客
01-08 1万+
在 Vue 中，你可以使用 Object.keys() 和 map() 函数来将对象转换为数组。 例如： let object = { a: 1, b: 2, c: 3 } let array = Object.keys(object).map(key => object[key]) console.log(array) // [1, 2, 3] 你也可以使用 Object.values...
vue 数组转对象 对象转数组（四种方案）
xuelong的博客
10-20 5699
数组转对象 对象转数组
vue json对象转数组_年薪百万之路--第六十七天 Vue入门
weixin_39612554的博客
11-20 1462
1.1 vue.js库的下载vue.js是目前前端web开发最流行的工具库，由尤雨溪在2014年2月发布的。另外几个常见的工具库：react.js /angular.js/jQuery官方网站：​ 中文：Vue.js​ 英文：Vue.js官方文档：https://cn.vuejs.org/v2/guide/vue.js目前有1.x、2.x和3.x 版本，我们学习2.x版本的。1.2 vue.js库...
Vue.js对象转换实例
10-19
4. JSON.stringify()：这是JavaScript原生的一个方法，用于将一个JavaScript对象转换为JSON字符串。在Vue.js对象转换实例中，开发者需要将login对象转换成JSON字符串，以便通过HTTP请求发送给服务器。在submit方法中...
vue json字符串转数组对象
07-18
Vue.js 中，你可以通过JavaScript的内置函数 `JSON.parse()` 将 JSON 字符串转换为 JavaScript 对象数组。`JSON.parse()` 函数用于将符合 JSON 格式的文本解析成 JavaScript 对象。 例如，假设你有一个 JSON 字符串...
vue json转数组
05-01
json是一种轻量级的数据交换格式，而Vue是一个流行的JavaScript框架，用于构建交互式用户界面。在Vue开发过程中，经常需要将json数据转换为数组进行处理。 首先，需要使用JavaScript内置的JSON对象将json字符串转换...
json格式转数组对象vue
09-15
在Vue中，可以使用JSON.parse()方法将JSON格式的字符串转换为数组对象。例如，假设有一个JSON格式的字符串str，你可以使用以下代码将其转换为数组对象： let arr = JSON.parse(str); 请注意，JSON.parse()方法只能...
vue中怎么把单条数据对象转成数组
m0_49200907的博客
04-07 1629
在Vue中，如果要把单条数据对象转成数组，可以使用JavaScript中的。方法或者ES6的展开运算符。
vue 数组对象转数组
qq_46058838的博客
10-24 975
vue 数组对象转数组
vue JS 对象转数组
fightbee的博客
07-05 1804
option: { head:{ title: "日期", name: date, width: 180 }, data: { date: "2021-05-27", name: "张三", address: "上海市浦东新区XX路XX号" } } 转数组： let option=this.option; let Arr= Object.keys(option).map(k
vue将json字符串转换为数组_json字符串、json对象、数组 三者之间的转换
weixin_41931970的博客
03-28 8791
var Obj = JOSN.parse(“cscac”); //将JSON字符串转换成JSON对象 var “cscac” = JSON.stringify(Obj) //将JSON对象转换成JSON字符串 将jSON字符串转换成JSON对象 let obj = JSON.parse(ress); const userinfo=[]; for (let i in obj ){ userinfo.push(obj [i]) } console.log(use
JSON 转 数组方法
08-24
JSON 转 数组方法
vue String 转数组
最新发布
09-25
在Vue.js中，如果你有一个字符串并想要将其转换成数组，可以使用JavaScript内置的split()方法配合数组的一些方法。假设你有一个包含逗号分隔值的字符串，你可以这样做： ```javascript let str = "value1,value2,...
Vue 组件间通信六种方式（完整版）
weixin_33910385的博客
05-17 193
前言 组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。一般来说，组件可以有以下几种关系： 如上图所示，A 和 B、B 和 C、B 和 D 都是父子关系，C 和 D 是兄弟关系，A 和 C 是隔代关系（可能隔多代）。 针对不同的使用场景，如何选择行之有效的通信方式？这是我们所要探讨的主题。本文总结了vue组件间通信的几种方式，如pro...
Vue将对象转化为数组形式
热门推荐
weixin_55553121的博客
09-11 1万+
页面要求：我写的对象数组的形式 后台给我的是 html <view @tap="goqylb" class="item"> <view class="item-top"> <view class="su"> </view> <view class="text"> <view class="CN"> 企业统计 </view> &lt..
vue json对象转数组
山河野
12-08 9055
const postData = !this.orgDetail.postNum ? {} : JSON.parse(this.orgDetail.postNum) const postNum = [] !postData.sAttheNum ? '' : postNum.push({ 'name': '正职', 'info': `${postData.sAttheNum}/100` }) !postData.sDeputyNum ? '' : postNum.push({ 'name':..
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值