vue 如果shop字段下不存在deal，则显示0

可以使用Vue的三元表达式来实现：

<div>{{ shop.deal ? shop.deal : 0 }}</div>

这里的三元表达式的含义是，如果shop.deal存在，则显示shop.deal的值，否则显示0。

相关问题

vue根据不同字段显示不同输入框

可以使用 `v-if` 或 `v-show` 指令来根据不同字段显示不同的输入框。

假设我们有一个表单，其中有两个字段 `field1` 和 `field2`，需要根据不同的字段显示不同的输入框。我们可以使用 `v-if` 指令来实现。

代码示例：

<template>
  <div>
    <div v-if="field1">
      <label for="field1">Field 1:</label>
      <input type="text" id="field1" v-model="field1Value">
    </div>
    <div v-else-if="field2">
      <label for="field2">Field 2:</label>
      <input type="text" id="field2" v-model="field2Value">
    </div>
  </div>
</template>

在上面的代码中，我们使用了 `v-if` 和 `v-else-if` 指令，当 `field1` 字段为真时，会显示 `field1` 的输入框，否则会判断 `field2` 字段是否为真，如果为真则显示 `field2` 的输入框。我们还使用了 `v-model` 指令来实现输入框与数据的双向绑定。

如果想要同时显示两个输入框，可以使用 `v-show` 指令。

代码示例：

<template>
  <div>
    <label for="field1">Field 1:</label>
    <input type="text" id="field1" v-model="field1Value" v-show="field1">
    <label for="field2">Field 2:</label>
    <input type="text" id="field2" v-model="field2Value" v-show="field2">
  </div>
</template>

在上面的代码中，我们使用了 `v-show` 指令，当 `field1` 字段为真时，会显示 `field1` 的输入框，否则不显示，同理 `field2` 字段也是如此。

希望这可以帮助到你！

vue.js实现数组中不存在则插入

在Vue.js中，可以使用Vue.set()方法来实现数组中不存在则插入的操作。具体实现如下：

<template>
  <div>
    <p v-for="num in nums" :key="num">{{ num }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      nums: [1, 2, 3],
      newNum: 4,
    };
  },
  mounted() {
    if (!this.nums.includes(this.newNum)) {
      this.nums.push(this.newNum);
      Vue.set(this.nums, this.nums.length - 1, this.newNum);
    }
  },
};
</script>

在上述代码中，首先定义了一个数组nums和一个变量newNum。然后在mounted()方法中判断newNum是否已经存在于nums数组中，如果不存在，则调用push()方法将其插入到数组中。接着使用Vue.set()方法通知Vue.js更新数组，确保其响应式。最后使用v-for指令遍历数组，并输出每个元素的值。