vue根据flag值为0或1显示不同的内容

你可以使用Vue的条件渲染指令`v-if`和`v-else`来实现根据flag值显示不同的内容。例如：

<template>
  <div>
    <p v-if="flag === 0">这是flag为0时显示的内容</p>
    <p v-else>这是flag为1时显示的内容</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      flag: 0
    }
  }
}
</script>

上面的代码中，当flag等于0时，第一个`<p>`元素会被渲染出来，当flag等于1时，第二个`<p>`元素会被渲染出来。

相关问题

vue根据返回字段的值不同来通知disabled的开启或关闭

你可以使用Vue的计算属性来根据返回字段的值来通知disabled的开启或关闭。

首先，在Vue实例的data属性中定义一个变量来保存返回字段的值，比如叫做`fieldValue`。

然后，你可以创建一个计算属性，根据`fieldValue`的值来判断是否需要开启或关闭disabled。比如，如果`fieldValue`的值为0，则需要开启disabled，否则需要关闭。代码示例：

<template>
  <button :disabled="isDisabled">Click me</button>
</template>

<script>
export default {
  data() {
    return {
      fieldValue: 0
    }
  },
  computed: {
    isDisabled() {
      return this.fieldValue === 0
    }
  }
}
</script>

这样，当`fieldValue`的值为0时，按钮就会被禁用，否则就可以点击。每当`fieldValue`的值发生变化时，计算属性`isDisabled`就会重新计算，从而更新按钮的状态。

vue 根据不同的值 添加不同的样式

在Vue中，可以使用绑定样式的方式根据不同的值添加不同的样式。具体方法如下：

1. 在组件的template中，使用v-bind:class绑定class属性，并根据不同的值添加不同的样式类。例如：

<div v-bind:class="{ 'active': isActive, 'error': isError }"></div>

上面的代码中，如果isActive为true，则该div元素添加active样式类；如果isError为true，则该div元素添加error样式类。

2. 在组件的script中，定义对应的数据属性。例如：

<script>
export default {
  data() {
    return {
      isActive: true,
      isError: false
    }
  }
}
</script>

上面的代码中，定义了isActive和isError两个数据属性，并初始化为true和false。

3. 在相关的方法中，修改数据属性的值，从而动态改变样式。例如：

methods: {
  toggleActive() {
    this.isActive = !this.isActive
  },
  toggleError() {
    this.isError = !this.isError
  }
}

上面的代码中，toggleActive和toggleError方法分别用来切换isActive和isError的值，从而动态改变样式。

综上所述，Vue中可以通过绑定样式的方式根据不同的值添加不同的样式。