Shulou(Shulou.com)06/01 Report--

This article mainly explains how to do Vue conflict on EasyNTS front-end organization addition page on video. Interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let Xiaobian take you to learn "How to do Vue conflict on the front end organization addition page of EasyNTS on the video"!

EasyNTS intelligent networking cloud gateway can be integrated into various types of terminal devices, supporting Windows, Linux, Android, iOS, ARM and other multi-platforms, not only has powerful message transmission function, but also powerful port networking function, can be integrated by third-party applications.

[Vue warn]: The computed property "fields" is already defined in data.

analyze problems

After analysis, it is found that this is a Vue conflict problem. As long as you don't write a form, you don't report an error, so this obviously has something to do with form validation. Subsequently, the database in the project was further checked, and it was found that the two inventories of validator.Js and element.Js conflicted in name.

solve problems

1. Find the validator.Js file in the front-end project and add the following code to the file:

Vue.use(VeeValidate, { locale: "zh_CN", errorBagName: 'errorBags', fieldsBagName: 'fieldBags', delay: 500, dictionary: { zh_CN: { messages: { required: field => `${field} cannot be empty`, confirmed: (field, targetField) => `${field} and ${targetField} do not match`, regex: field => `${field} does not meet the required format` } } }});

2. Globally look up the errors field in the front-end project and replace it with the errorBags field.

Fixed conflicts between validator.Js and element.Js databases and console will no longer have error messages.

About EasyNTS

EasyNTS currently realizes the access and control of hardware equipment, dynamic networking, remote operation and maintenance, file transmission, remote command call and other functions. From the terminal to the cloud, a complete set of cloud gateway solutions is formed, which greatly solves the problems of no fixed IP on site, no open ports, no open system permissions, etc. If you want to know more, you can go to TSINGSEE Green Rhinoceros Video to browse and consult.

At this point, I believe everyone has a deeper understanding of "How to do Vue conflict on EasyNTS front-end organization adding page on video". Let's do it in practice! Here is the website, more related content can enter the relevant channels for inquiry, pay attention to us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.