Question

我正在使用Single File Components通过Vue.js实现表单页面。该功能按预期工作，但在Javascript控制台上，使用HTML Select元素时，此错误多次显示：

@ vue.runtime.esm.js:1888 

TypeError: this.each is not a function
    at HTMLOptionsCollection.collect (prototype.js:251)
    at inserted (vue.runtime.esm.js:7842)
    at Do (vue.runtime.esm.js:6674)
    at l (vue.runtime.esm.js:6613)
    at s (vue.runtime.esm.js:2235)
    at ne (vue.runtime.esm.js:1854)
    at Object.n [as insert] (vue.runtime.esm.js:2175)
    at $ (vue.runtime.esm.js:6340)
    at Or.__patch__ (vue.runtime.esm.js:6559)
    at Or.Ln.t._update (vue.runtime.esm.js:3939)

我缩小了Select元素的范围。删除它们会使错误消失。在Google中搜索此错误未提供任何相关信息。

这是HTML的相关部分：

<select class="fieldcontent" v-model="oldNumber" >
  <option v-for="hn in houseNumbers" :key="hn.oldNumber">{{hn.oldNumber}} 
  </option>
</select>

从“ houseNumbers”对象（在Vuex商店中）以以下格式填充选择选项：

[{
   "oldNumber": "14",
   "newNumber": ""
},{
   "oldNumber": "15",
   "newNumber": ""
},{
  "oldNumber": "17",
  "newNumber": ""
}]

我通过计算属性将它们放在组件上：

computed: {
    ...mapState(['houseNumbers'])
  },

HTML Select绑定到该组件的本地数据，如下所示：

data() {
    return {
      newNumber: null,
      oldNumber: null
    }  
  },

在渲染组件时以及单击更改所选选项时都会引发此错误。

我有什么办法可以解决此控制台错误？这是一个已知问题吗？

Vue代码与带有Struts 1.2和JSP的旧应用程序一起运行，并且该应用程序正在导入早于1.7的prototype.js版本。

控制台在模板上

0 个答案: