Vue corresponds the values in the two arrays.

if the id of two arrays is equal, I will change the activeName field in the first array to true,. I use this to determine whether he is added to the collection or not. If true is added, false is not added. I added the fields that the background did not return to me with such a status. So the list array that needs to be collected should be compared with my current two. Id, if id is equal, it means that one record is in a collection state, that is, it is rewritten to true.
. How do these two arrays determine that when major_id equals id, make the activeName field true:

    _this.listWish.forEach(function(a) {
      _this.major.forEach(function(item) {
        if (item.major_id == a.id) {
          _this.$set(a, "activeName", true);
          _this.$set(a, "wishId", item.wish_id);
        } else {
          _this.$set(a, "activeName", false);
        }
      });
    });

-sharp-sharp
but after I loop like this, the value of the activeName field is not rewritten correctly, it"s all false.

Javascript vue.js nuxt.js

Apr.03,2021

your cycle is not right, according to your meaning

make the activeName field true when judging that major_id is equal to id

if you loop like this, if the penultimate number matches and sets to true, and the penultimate one doesn't match, isn't it false again?
you can change it to for loop

for(let i = 0; i < _this.listWish.length; i PP){
    for(let j = 0; i < _this.major.length; j PP){
        if (item.major_id == a.id) {
            _this.$set(a, 'activeName', true);
            _this.$set(a, 'wishId', item.wish_id);
            break;
        } else {
            _this.$set(a, 'activeName', false);
        }
    }
}

the field returned to you by the background does not have a favorite field?

//
var _tag = false;
_this.listWish.forEach(function(a) {
  _tag = false;
  _this.major.forEach(function(item) {
    if (item.major_id == a.id) {
      _tag  = item.wish_id
    }
  });
  if(_tag){
      _this.$set(a, 'activeName', true);
      _this.$set(a, 'wishId', _tag);
  } else {
      _this.$set(a, 'activeName', false);
  }
});
//

of course, I suggest changing the contents to Object and major_id as key , so that you can directly look up, major_id_ hash [item.major _ id] , assign a value if you can get it, and false if you can't.

Previous: The base64 obtained from the canvas compressed image shows black when the picture is displayed, and the picture is not fully displayed.

Next: React-native version 0.55.0 run-ios error: CFBundleIdentifier problem.

Nuxt build was packaged successfully, but there is no build directory.
[root@VM_11_154_centos ffn]-sharp npm run build > ffn@1.1.0 build usr local src ffn > nuxt build nuxt:build Building... +0ms nuxt:build App root: usr local src ffn +0ms nuxt:build Generating usr local src ffn .nuxt files... +0ms nuxt:b...

Node.js javascript vue.js nuxt.js

Mar.14,2021
Using the nuxt framework, after jumping with router-link, the page component does not display
using the nuxt framework, there are two pages An and B A page jumps to b page and transmits product information to B page via url The B page can get the information and copy it to the goodsList in data, but the page cannot render the page according ...

Html5 html javascript vue.js nuxt.js

Mar.23,2021
How to add Custom text to mapbox
how to add text to the right side of the icon to show the geolocation name of the current central coordinates on the mapbox map. has added the picture. The code is as follows: how to add the text on the right let img = new Image(); img.s...

Javascript vue.js nuxt.js

Mar.29,2021
Communication between different interfaces of vue
Common component: there is a method to call the interface in bar.vue . methods: {wishSign () {}} Public template: cn.vue bar.vue import VMbar from ~ components base bar ; is called globally. Interface: datail.vue requirements: I think how to...

Javascript vue.js nuxt.js

Apr.07,2021
Nuxt.js page initialization calls jsonp error document is not defined
index.vue page initialization calls jsonp error document is not defined export default { middleware: auth , data() { return { bidName: } }, created:function(){ }, async asyncData(callback){ jsonp( xxxxx ,nul...

Javascript vue.js nuxt.js

Apr.07,2021
Error reporting of props data binding in vue (nuxt.js)
this is the error message-sharp-sharp-sharp problem description Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop s value. Prop being...

Javascript vue.js nuxt.js

Dec.21,2021
Nuxt test environment running error report
the formal environment is right, and the npm run dev in the test environment reports an error. What is the possible reason. Pray for the great god. ...

Javascript vue.js nuxt.js

Jul.01,2022