再会。
我们正在使用 Vuejs/Vuex/vue-router 构建我们的应用程序https://github.com/vuejs/vue-hackernews-2.0 https://github.com/vuejs/vue-hackernews-2.0
当使用 IE11 构建和查看我们的应用程序时,我们得到一个SCRIPT1046: Multiple definitions of a property not allowed in strict mode
它引用了编译的app.[#hash].js
文件。我已将重复属性跟踪到组件中的以下内容:
<div class="form-group form-group-list">
<label aria-labelledby="Shopping preference">Shopping preference</label>
<ul class="inline">
<li>
<label for="users__secondary_signup__gender__female" aria-labelledby="Gender female">
<span class="enhanced-radio" :class="{ 'selected': selectedGender === 'FEMALE' }">
<input id="users__secondary_signup__gender__female" class="enhance-radio"
:checked="selectedGender === 'FEMALE'" name="gender"
type="radio" value="FEMALE" v-model="selectedGender">
</span> Female
</label>
</li>
<li>
<label for="users__secondary_signup__gender__male" aria-labelledby="Gender male">
<span class="enhanced-radio" :class="{ 'selected': selectedGender === 'MALE' }">
<input id="users__secondary_signup__gender__male" class="enhance-radio"
:checked="selectedGender === 'MALE'" name="gender"
type="radio" value="MALE" v-model="selectedGender">
</span> Male
</label>
</li>
</ul>
</div>
编译文件中对这些的唯一引用是:
domProps: {
checked: "MALE" === t.selectedGender,
checked: t._q(t.selectedGender, "MALE")
},
and
domProps: {
checked: "FEMALE" === t.selectedGender,
checked: t._q(t.selectedGender, "FEMALE")
},
我在编译文件中找不到对象中可能存在重复属性的任何其他位置。有人见过这个吗?我们是否在组件中做错了什么才导致它这样做?
谢谢,非常感谢任何帮助。
您不能同时使用 v-model 和 :checked 。当您添加 v-model="selectedGender" 时,您为它提供了一种根据 selectedGender 的值确定选中状态的方法。这导致它创建了以下代码:
检查:t._q(选择性别,“男性”)
当您还添加 :check="selectedGender === 'FEMALE'" 时,您导致它添加其他方式来设置选中状态:
检查:“女性”=== t.selectedGender,
你不能两者兼得。只需删除 :checked= 即可解决此问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)