把手中的 Vue 字符串匹配 {{myString !== "" ?我的字符串：其他字符串}}

Question

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

我的比较器有什么问题？我也试过使用单引号

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

Answer 1

三元运算符在模板上运行良好。检查您的 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"
    }
   },
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
<div id="app">
  <div>Empty: {{myString === "" ? 'test' : otherString}}<div>
  <div>Non Empty: {{myString !== "" ? 'test' : otherString}}<div>
  
</div>

Answer 2

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

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

把手中的 Vue 字符串匹配 {{myString !== "" ?我的字符串：其他字符串}}

Vue string matching in handlebars {{myString !== "" ? myString : otherString}}

javascript

string

comparator

vue.js