uni 在template中判断属性

在uni-app中，我们可以使用 `v-if` 或 `v-show` 指令来在模板中判断元素的属性。

例如，我们可以使用 `v-if` 来判断一个元素的属性是否为字符串类型：

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <div v-if="typeof inputValue === 'string'">
      属性值为字符串类型
    </div>
  </div>
</template>

同样的，我们也可以使用 `v-if` 来判断一个元素的属性是否属于某个类：

<template>
  <div>
    <input type="text" v-model="inputValue" />
    <div v-if="$refs.myInput instanceof HTMLInputElement">
      元素属于 HTMLInputElement 类
    </div>
  </div>
</template>

需要注意的是，使用 `v-if` 判断属性类型时，需要确保元素已经渲染完成，否则判断结果可能不准确。可以使用 `$nextTick` 方法来确保元素已经渲染完成，例如：

<template>
  <div>
    <input type="text" v-model="inputValue" ref="myInput" />
    <div v-if="showElement">
      属性值为字符串类型
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      inputValue: '',
      showElement: false
    }
  },
  mounted() {
    this.$nextTick(() => {
      if (typeof this.$refs.myInput.value === 'string') {
        this.showElement = true;
      }
    });
  }
}
</script>

这样就可以确保元素已经渲染完成，再进行属性类型的判断。