JavaScript How to ignore custom tokens using curly braces in vue.js

There is a vuejs component called my-comp with a given data that I want to iterate on its elements and print them:

<my-comp json-data='[{"id":1,"text":"Hello"},{"id":2,"text":"World"}]' inline-template>
    <div v-repeat="d: data">
        <div>
            {{ d.id }}
        </div>
        <div>
            {{ d.text }}
        </div>
    </div>
</my-comp>

And it works fine if there is no curly braces within text property of my d object but if there is, a TypeError exception will be thrown: TypeError: res is undefined and the only way I know to fix it, is to escape curly braces with back slash: change {{ token }} to {\{ token }\}.

Is there any more convenient way to ignore curly braces within vuejs or Am I doing something wrong? Here is a working code with no {{}}, and here is how {{}} breaks it & I'm using version 0.12.16.

Answer:1

I have a utility function to check whether a variable is not null or undefined, and I want TypeScript to narrow down the input variable if it passes the check, for example: public init(input?: string)...

I have a utility function to check whether a variable is not null or undefined, and I want TypeScript to narrow down the input variable if it passes the check, for example: public init(input?: string)...

  1. narrow this down
  2. narrow down this topic
  3. narrow down synonym
  4. narrow down meaning
  5. narrow down crossword
  6. narrow down crossword clue
  7. narrow down thesaurus
  8. narrow down the scope
  9. narrow down examples
  10. narrow down in spanish
  11. narrow down definition
  12. narrow down meaning in hindi
  13. narrow down the issue
  14. narrow down in french
  15. narrow down colleges
  16. narrow down nyt crossword
  17. narrow down in a sentence
  18. narrow down crossword puzzle clue
  19. narrow down the search
  20. narrow down topic examples

I need to create a preview of the fields created dynamically in a form. If I click preview button the fields displayed in form should displayed in using AngularJS. Are there any possibilities to do ...

I need to create a preview of the fields created dynamically in a form. If I click preview button the fields displayed in form should displayed in using AngularJS. Are there any possibilities to do ...

I am using Dygraph to display a graph. I have it working statically like this <div id="graphdiv"></div> <script type="text/javascript"> g = new Dygraph( // containing div ...

I am using Dygraph to display a graph. I have it working statically like this <div id="graphdiv"></div> <script type="text/javascript"> g = new Dygraph( // containing div ...

So I update my state in a component and then pass the new props into the child but the child isn't updating correctly and the defaultValue of the input is not changing. At first I thought it might be ...

So I update my state in a component and then pass the new props into the child but the child isn't updating correctly and the defaultValue of the input is not changing. At first I thought it might be ...

  1. react passing props to parent
  2. react passing props to props.children
  3. react passing props from parent to child
  4. react passing props to function
  5. react passing props through route
  6. react passing props down
  7. react passing props to state
  8. react passing props spread operator
  9. react passing props to grandchildren
  10. react passing props to grandchild
  11. react passing props to child components
  12. react passing props with same name
  13. react passing props up
  14. react passing props to this.props.children
  15. react passing props without value