vue2.7方法里调用方法

在 Vue 2.7 中，可以使用 `this.$options.methods` 来调用组件中定义的方法。例如：

<template>
  <div>
    <button @click="handleClick">Click me</button>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick() {
      console.log("Button clicked!");
      this.sayHello();
    },
    sayHello() {
      console.log("Hello!");
    },
  },
};
</script>

在上面的例子中，当点击按钮时，`handleClick` 方法会被调用，并且会在控制台输出 `"Button clicked!"`。同时，它还会调用 `sayHello` 方法，并在控制台输出 `"Hello!"`。注意，`sayHello` 方法是在 `methods` 中定义的，因此我们可以使用 `this.$options.methods.sayHello()` 来调用它。

相关问题

vue oninput 里调用方法

Vue的oninput事件是在用户输入内容时触发的事件，可以用来监听文本框、文本域等输入框的输入内容变化。当用户输入时，可以通过oninput方法来处理输入的内容。

在Vue中，在模板中可以通过v-on指令来监听oninput事件，并调用对应的方法。例如：

<template>
  <div>
    <input v-on:input="handleInput" type="text">
  </div>
</template>

<script>
export default {
  methods: {
    handleInput(event) {
      // 处理输入的内容
      console.log(event.target.value);
    }
  }
}
</script>

在上述代码中，我们使用v-on指令来监听input输入框的oninput事件，并通过handleInput方法来处理输入的内容。当用户在输入框中输入内容时，handleInput方法会被调用，并接收到event参数，通过event.target.value可以获取到用户输入的内容。

因此，可以根据具体的需求，在handleInput方法中进行逻辑处理，比如将输入的内容进行验证、过滤或其他操作。同时，也可以将输入的内容保存在Vue实例的数据中，以便在模板中进行展示或其他用途。

vue方法里如何调用计算属性

在Vue的方法中调用计算属性，你可以通过`this`关键字来访问计算属性的值。计算属性的值会被缓存，如果计算属性的依赖数据没有发生变化，调用计算属性时会直接返回缓存的值。以下是一个示例：

// Vue实例
new Vue({
  data: {
    message: 'Hello, World!'
  },
  computed: {
    reversedMessage() {
      return this.message.split('').reverse().join('');
    }
  },
  methods: {
    showMessage() {
      console.log(this.reversedMessage); // 调用计算属性
    }
  }
});

在上面的例子中，`reversedMessage`是一个计算属性，它根据`message`的值返回一个反转后的字符串。在`showMessage`方法中，通过`this.reversedMessage`调用计算属性，输出反转后的字符串到控制台。

希望这可以回答你的问题！如果还有其他问题，请随时提问。