vue 判断是否包含数字

您好！对于您的问题，可以通过正则表达式来判断一个字符串是否包含数字。具体的正则表达式为：

/\d+/

使用 Vue.js 的话，可以通过 v-bind:class 来动态绑定一个 class 类名，从而在样式文件中通过 :before 伪元素来实现数字图标的显示效果。具体实现方法可以参考以下代码：

<template>
  <div class="input-wrapper">
    <input type="text" v-model="text" class="input" :class="{ 'has-number': checkNumber(text) }">
  </div>
</template>

<script>
export default {
  data() {
    return {
      text: ''
    }
  },
  methods: {
    checkNumber(str) {
      return /\d+/.test(str)
    }
  }
}
</script>

.input-wrapper {
  position: relative;
}

input.input {
  padding-left: 20px;
}

.has-number:before {
  content: '1';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

以上代码中，我们在 input 标签中通过 :class 绑定一个类名 has-number，在 checkNumber 方法中判断当前输入的文本是否包含数字。如果包含，则在样式文件中添加一个伪元素 :before，并在其内容中显示数字图标。

希望这个答案能解决您的问题，如果还有什么不明白的地方，可以再问我哦！