Vue.Js comparing string failed

Question

I'm new to vue.js. I've tried this way to compare two strings, but it seems to fail in vue. How can I solve this issue?

I've tried this:

app.vue

@Component
export default class Game extends Vue{
  public word = ""
  public words: Array<string> = ["hello", "world"]

  public checkValue(): void{
    const firstWord = this.words.shift();
    if(firstWord === this.word){  // this condition is failing
      console.log("Success")
    }
  }
}

app.html

<md-input v-on:keyup.space="checkValue()" v-model="word"></md-input>

Why this condition is failing?

firstWord still array

Mahamudul Hasan
– Mahamudul Hasan

2020-06-21 10:41:17 +00:00
Commented Jun 21, 2020 at 10:41 — Mahamudul Hasan
– Mahamudul Hasan, Commented Jun 21, 2020 at 10:41

Thai Nguyen Hung · Accepted Answer · 2020-06-22 09:37:05Z

3

Because you have an event keyup with space so word always have a space at end. Please trim before compare.

@Component
export default class Game extends Vue{
  public word = ""
  public words: Array<string> = ["hello", "world"]

  public checkValue(): void{
    const firstWord = this.words.shift();
    if(firstWord === this.word.trim()) {
      console.log("Success")
    }
  }
}

answered Jun 22, 2020 at 9:37

Thai Nguyen Hung

1,2327 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mahamudul Hasan · Accepted Answer · 2020-06-21 12:02:20Z

0

change the below block of code, it should solve your issue

  if (firstWord === this.word.trim()) {
      // to do
      console.log("Success");
    }

actually this.word always containing a space with your given word into input box. thats why it will never match. so you have to trim the given input word.

you can check the result

edited Jun 21, 2020 at 12:02

answered Jun 21, 2020 at 10:43

Mahamudul Hasan

2,8232 gold badges19 silver badges26 bronze badges

2 Comments

user10985924 Over a year ago

Hi, I've tested my string with console.log(typeof firstWord) and it shows string. How can I solve that?

user10985924 Over a year ago

This is my codesandbox: codesandbox.io/s/confident-goldstine-bm6ez?file=/src/App.vue

Collectives™ on Stack Overflow

Vue.Js comparing string failed

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related