vue 給組件傳參，寫入數字沒有問題，但直接寫入固定字符串報錯？

Vue 給組件傳參，寫入數字沒有問題，但直接寫入固定字符串報錯？

代碼如下：

institution組件在新增、編輯時顯示輸入框，在查看詳情時顯示文本

<template>
  <div class="z-input">
    <div class="txt" v-if="isDetail">{{inputValue}}</div>
    <el-input
      v-else
      :placeholder="zplaceholder?zplaceholder:選擇機構"
      size="small"
      v-model="val"
      :disabled="zdisabled"
      @focus="loadInstitution"
      @change="changeVal"
    ></el-input>   
  </div>
</template>
<script>

現在調用方法如下：

在:inputValue中輸入“我的組織”，界面怎麼都無法顯示。

<institution :isDetail="true" :inputValue="我的組織" @modelVal="(val) => { query.sampleDeptName = val }"
                  @modelId="(val) => { query.sampleDeptId = val }" style="width:100%" >
                </institution>

但:inputValue中輸入"111"，界面能正常顯示"111"。

而且將:inputValue中的值替換爲data()中的變量，也可以，那這就奇怪了。

 

最後，試驗半天，在字符串前後加上單引號，就搞定了。

:inputValue=" ' 我的組織' "

 

總結一下：

vue組件傳參必須帶上自己的類型，例如單引號，雖然冗餘了標識。

 

附：或者不用動態綁定，去掉冒號。

如下：

inputValue="我的組織"