視頻上云EasyNTS前端組織添加頁(yè)面出現(xiàn)Vue沖突怎么辦

本篇內(nèi)容主要講解“視頻上云EasyNTS前端組織添加頁(yè)面出現(xiàn)Vue沖突怎么辦”，感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“視頻上云EasyNTS前端組織添加頁(yè)面出現(xiàn)Vue沖突怎么辦”吧!

EasyNTS智能組網(wǎng)上云網(wǎng)關(guān)可被集成于各類型終端設(shè)備中， 支持Windows、Linux、Android、iOS、ARM等多平臺(tái)，不僅有強(qiáng)大的消息透?jìng)鞴δ?，還有強(qiáng)大的端口組網(wǎng)功能，都可被第三方應(yīng)用集成。

近期TSINGSEE團(tuán)隊(duì)在開(kāi)發(fā)EasyNTS組織添加功能時(shí)，在組織添加頁(yè)面中出現(xiàn)報(bào)錯(cuò)：[Vue warn]: The computed property “fields” is already defined in data.

分析問(wèn)題

經(jīng)過(guò)分析發(fā)現(xiàn)，發(fā)現(xiàn)這是一個(gè)Vue沖突的問(wèn)題。只要不寫(xiě)表單就沒(méi)有報(bào)錯(cuò)，所以這明顯和表單驗(yàn)證有關(guān)系。隨后進(jìn)一步排查了項(xiàng)目中的數(shù)據(jù)庫(kù)，發(fā)現(xiàn)validator.Js和element.Js兩個(gè)庫(kù)存在名稱沖突。

解決問(wèn)題

1、在前端項(xiàng)目中找到validator.Js文件在文件中添加如下代碼：

Vue.use(VeeValidate, {
  locale: "zh_CN",
  errorBagName: 'errorBags',
  fieldsBagName: 'fieldBags',
  delay: 500,
  dictionary: {
    zh_CN: {
      messages: {
        required: field => `${field} 不能為空`,
        confirmed: (field, targetField) => `${field} 和 ${targetField} 不匹配`,
        regex: field => `${field} 不符合要求格式`
      }
    }
  }
});

2、在前端項(xiàng)目中全局查找errors字段并替換為errorBags字段。

修正了validator.Js和element.Js兩個(gè)數(shù)據(jù)庫(kù)的沖突問(wèn)題之后，控制臺(tái)則不會(huì)有報(bào)錯(cuò)信息出現(xiàn)了。

關(guān)于EasyNTS

EasyNTS目前實(shí)現(xiàn)了硬件設(shè)備的接入與管控、動(dòng)態(tài)組網(wǎng)、遠(yuǎn)程運(yùn)維、文件傳輸、遠(yuǎn)程指令調(diào)用等功能，從終端到云端，形成了一整套的上云網(wǎng)關(guān)解決方案，極大地解決現(xiàn)場(chǎng)無(wú)固定IP、端口不開(kāi)放、系統(tǒng)權(quán)限不開(kāi)放等問(wèn)題。如想詳細(xì)了解，可進(jìn)入TSINGSEE青犀視頻進(jìn)行瀏覽查閱。

到此，相信大家對(duì)“視頻上云EasyNTS前端組織添加頁(yè)面出現(xiàn)Vue沖突怎么辦”有了更深的了解，不妨來(lái)實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！