The method of vue is selected to add a button

clipboard.png

to solve the problem, I made a selection here, and then I don"t know how to do it, and there is no logic. Solve the problem

  export default {
    name: "login",
    data () {
      return {
        input10:"",
        assemble: true,
        assembles: false,
        checkboxValue: [],
        rows:[
          {
            id:"1",
            quick:"",
          },
          {
            id:"2",
            quick:"",
          }
          
        ]

      }
    },
    methods:{
      chapter(){
        this.assemble = true;
        this.assembles = false
      },
      open(){
        this.assemble = false;
        this.assembles = true
      },
      selectedItem (event){
        const labelNode = event.target.previousElementSibling
        const classList = labelNode.classList;
        classList.contains("selected") ? classList.remove("selected") :             classList.add("selected");
        // console.log("111",labelNode)
        // console.log("111",item.id)
        // console.log("111",item.quick)

      },
      Close(){
        console.log("111",213)
      }
    }


  }
Mar.28,2021

what you read on the right is all your friends
. You can read the data with the selected logo among all your friends on the right, which can be done through computed. You can also use filter
to add the selected logo to the current data when you click on the right.

Menu