CSS灰度图片 可以使用 grayscale() 过滤器功能将输入图像转换为灰度

 

<template>
  <div class="wrapper">
    <img src="./logo.png" />
    <img src="./logo.png" class="wrapperImg" />
  </div>
</template>
<script>
export default {
  name: "Table",
  components: {},
  data() {
    return {};
  },
  methods: {
    jsFun() {
      console.log(1);
    },
  },
  mounted() {
    this.jsFun();
  },
};
</script>
<style lang="scss" scoped>
.wrapper {
  margin: 20px;
  .wrapperImg {
    filter: grayscale(100%);
  }
}
</style>