驗證是否內容密鑰JSON有存在使用Vue的

Question

我想知道如何檢查「NOVALUE」存在 例如：

{ 
    name: "maria", 
    city_id: "novalue" 
    .... 
} 

我如何在Vue公司做到這一點？ 做它在<div v-if="condition">或功能？

Answer 1

如果你想/可以使用ES7特點：

const containsKey = (obj, key) => Object.keys(obj).includes(key); 

實現的例子：

const someCoolObject = {name: 'Foo', lastName: 'Bar'}; 

const hasName = containsKey(someCoolObject, 'name'); 
const hasNickName = containsKey(someCoolObject, 'hasNickName'); 

console.log(hasName, hasNickName); // true, false 

對於VUE：

組件：

{ 
    methods: { 
     containsKey(obj, key) { 
      return Object.keys(obj).includes(key); 
     } 
    }, 
    computed: { 
     hasName() { 
      return this.containsKey(this.someObject, 'name'); 
     } 
    } 
} 

模板：

<div v-if="hasName"></div>