Vue的v-html不支持promise等，所有的vue绑定值都不支持promise，有解决方案吗？

对于Vue的v-html指令不支持promise等特殊类型的绑定值，确实存在这个问题。然而，我们可以采用以下的解决方案来应对这个问题：

使用计算属性（computed property）：将需要异步获取的值放入一个计算属性中，该计算属性可以返回一个promise对象。然后，在模板中使用计算属性的结果进行渲染。例如：

<template>
  <div v-html="asyncContent"></div>
</template>

<script>
export default {
  data() {
    return {
      promiseData: null
    };
  },
  computed: {
    asyncContent() {
      return this.promiseData ? this.promiseData.toString() : '';
    }
  },
  created() {
    // 模拟异步获取数据
    this.fetchData().then(data => {
      this.promiseData = data;
    });
  },
  methods: {
    fetchData() {
      // 返回一个promise对象
      return new Promise(resolve => {
        setTimeout(() => {
          resolve('异步数据');
        }, 1000);
      });
    }
  }
};
</script>

在上述示例中，我们通过创建一个计算属性asyncContent来处理promise数据。首先，在created生命周期钩子函数中模拟异步获取数据的过程，然后将获取到的数据赋值给promiseData属性。计算属性asyncContent将根据promiseData的值进行渲染，如果promiseData存在，则显示其转换成字符串后的结果。

使用自定义指令（custom directive）：可以编写一个自定义指令来处理promise数据，并将其与v-html指令一起使用。例如：

<template>
  <div v-html.promise="promiseData"></div>
</template>

<script>
export default {
  data() {
    return {
      promiseData: null
    };
  },
  directives: {
    promise: {
      bind(el, binding) {
        const { value } = binding;
        if (value instanceof Promise) {
          value.then(data => {
            el.innerHTML = data ? data.toString() : '';
          });
        }
      }
    }
  },
  created() {
    // 模拟异步获取数据
    this.fetchData().then(data => {
      this.promiseData = data;
    });
  },
  methods: {
    fetchData() {
      // 返回一个promise对象
      return new Promise(resolve => {
        setTimeout(() => {
          resolve('异步数据');
        }, 1000);
      });
    }
  }
};
</script>

在上述示例中，我们定义了一个自定义指令promise，通过bind钩子函数监听绑定值的变化，并在绑定值为promise对象时，通过then方法获取到异步数据，并将其赋值给元素的innerHTML属性。

这两种解决方案可以帮助我们在Vue中处理promise数据的渲染问题。然而，需要注意的是，这些解决方案仅适用于简单的promise数据的渲染，如果涉及到更复杂的情况，可能需要进一步的处理。