时间戳

首页 > 解决方案 > 使用 v-else-if 和事件 VueJS

html - 使用 v-else-if 和事件 VueJS

问题描述

我是 VueJS 的新手，在理解如何使用v-else-if. 我想要做的是当用户输入一个数字时，会向他显示一个文本！这是我到目前为止得到的：

HTML：

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.22/dist/vue.js"></script>

<div id="app">
  <p v-if="number === '1'">You can see me!</p>
  <p v-else-if="number === '2'">Do you also see me?</p>
  <p v-else>Hello</p>
  <input v-on:input="changeText" />
</div>
<script src="app.js"></script>

VueJS：

new Vue({
    el: '#app',
    data: {
        number: '1',
    },
    methods: {
        changeText = function(event){
            this.number = event.target.value;
        }
    }
})

有人可以帮忙吗？非常感谢大家！

标签： htmlvue.js

解决方案

您定义方法的语法已关闭；你要么这样做：

changeText (event){
  ...
}

或者：

changeText: function(event){
  ...
}

推荐阅读