Vue IE11 報錯 Failed to generate render function:SyntaxError: 缺少標識符 in

 

報錯截圖：

 

 查了篇文章（https://blog.csdn.net/weixin_42018057/article/details/81385121），遇到的情況跟文章里描述的類似，他提供的方法是：需要用到 {node,data} 地方均改為 scope.data, scope.node即可。但是試了下頁面會報其他錯誤。

 

這里使用了 element 的 cascader 級聯選擇器，嘗試修改 slot-scope="{ node, data }" 的各種寫法都不行，偶然發現把整個 <template> 注釋掉，cascader 的功能是正常運行的，每一層的 name 都會渲染出來，所以暫時的解決辦法就是把整個 <template> 去掉。

 

                <el-cascader
                      v-model="gender"
                      :options="genderOptions"
                      placeholder="請選擇性別"
                      :props="{ value: 'value', label: 'value'}"
                      @change="changeGenderOptions">
                      <!-- <template slot-scope="{ node, data }">
                        <span>{[ data.value ]}</span>
                      </template> -->
                  </el-cascader>