Question

我在我的项目中使用 vue2。

我有属性 img_path 和类 txt-disabled：

<script> 
  export default {
    props: {
      img_path: { required: false },
      title: { required: false }
    },
    components: {  },
    computed: {},
    methods: {},
  };
</script>

<style>  
  .txt-disabled{
    color:lightgray;
  } 
</style>

当属性为空时，我想在 span 元素上应用 txt-disabled css 类：

 <span :class="{ img_path: txt-disabled }">{{title}}</span>

但是在上面的例子中，没有应用 txt-disabled 类。

知道为什么不应用课程吗？

Answer 1

需要以css class为key，condition为value，见example here：

<span :class="{ 'txt-disabled': !img_path }">{{title}}</span>

样式不适用于 HTML 元素

1 个答案: