element中计数器失去焦点之后，如何拿到值，用vue写

在Element UI的计数器组件（如`el-input-number`）中，当你想要在用户失去焦点后获取输入的数值，你可以利用Vue的`v-model`指令以及`@blur`事件。`v-model`用于数据绑定，而`@blur`则是在元素失去焦点时触发。

下面是一个示例：

<template>
  <el-input-number v-model="counter" :min="0" placeholder="请输入数字">
  </el-input-number>
</template>

<script>
export default {
  data() {
    return {
      counter: 0, // 初始化计数器的值
    };
  },
  methods: {
    onBlur(e) {
      console.log('失去焦点后，计数器的值:', this.counter); // 获取当前的输入值
      // 这里可以做进一步的操作，比如保存到数据库、计算等
    },
  },
  // 当然，你也可以将其作为watch监听，而不是直接绑在methods上
  // watch: {
  //   $watch('counter', (newValue, oldValue) => {
  //     if (newValue !== oldValue) {
  //       // 行为...
  //     }
  //   }, { immediate: true, deep: true })
  // }
};
</script>

在这个例子中，当你在计数器输入框内输入并失去焦点时，`onBlur`方法会被调用，`this.counter` 将包含最新的输入值。

如果你想在用户停止修改时就立即获取值，可以考虑使用`immediate`选项在`$watch`中监听。