车把中的Vue字符串匹配{{myString！==“”？ myString：otherString}}

Question

{{myString !== "" ? myString : otherString}}当前正在打印myString，它是一个空字符串

我的比较器怎么了？我也尝试使用单引号

我问这个看似基本的问题的原因是，除了让我知道通用javascript可用之外，车把上的Vue文档似乎没有涵盖这一点，我认为此比较器是字符串的通用javascript

Answer 1

三元运算符可以在模板上正常工作。 检查您的<build> <pluginManagement> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <version>3.8.0</version> <configuration> ... <compilerArgs> <arg>-Xbootclasspath/p:${annotatedJdk}</arg> <arg>-Xlint:all</arg> <!-- Silence warning "No processor claimed any of these annotations". One of the annotations that would trigger it is org.junit.jupiter.api.Test --> <arg>-Xlint:-processing</arg> <arg>-Werror</arg> </compilerArgs> </configuration> </plugin> </plugins> </pluginManagement> </build> 数据可能不为空。

myString

请参见下面的示例。

  <div>Empty: {{myString === "" ? 'test' : otherString}}<div>
  <div>Non Empty: {{myString !== "" ? 'test' : otherString}}<div>

var app = new Vue({
  el: '#app',
  data() {
    return {
     myString: "",
     otherString: "blah"
    }
   },
})

Answer 2

if(value)是这里的答案，涵盖了我需要的所有条件

所以{{ myString ? ... : ... }}