VueJs条件车把 [英] VueJs Conditional handlebars

问题描述

我正在尝试根据其文档，但eslint回来并出现错误：

I'm trying to use VueJs conditional rendering using handlebars in vueJs 2.0 as per their documentation but eslint is coming back with and error:

- avoid using JavaScript keyword as property name: "if" in expression {{#if ok}}
- avoid using JavaScript keyword as property name: "if" in expression {{/if}}

$中使用JavaScript关键字作为属性名称： if b
$ b

VueJs似乎没有渲染它。

VueJs does not seem to be rendering it.

<!-- Handlebars template -->
{{#if ok}}
  <h1>Yes</h1>
{{/if}}

推荐答案

如果如果您尝试使用Vue.js语法，则文档仅概述了Vue.js所做的工作。您将使用 v-if 指令。

If you are trying to use Vue.js syntax, the documentation outlines just a few lines down what's done for Vue.js. You would use the v-if directive.

<h1 v-if="ok">Yes</h1>

如果像您提到的那样，您想与Vue.js一起使用Handlebars，请注意它们在模板中使用相同的 {{大括号。您可能需要像这样更改Vue对花括号的使用...

If like you mentioned, you're wanting to use Handlebars alongside Vue.js, note that both of them use the same {{ curly braces in templates. You may need to change Vue's use of the curly braces like so...

Vue.config.delimiters = ['<%', '%>'];

这篇关于VueJs条件车把的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！