小笔记-其他总结popover 和 switch的使用

popover 和 switch的使用

  <el-popover
                                placement="top-start"
                                width="260"
                                trigger="click"
                              >
                                <el-button size="mini" slot="reference">
                                 点击按钮
                                </el-button>
                                <div>
                                  <el-switch
                                    value={(params.row.cooperation || "")
                                      .split(",")
                                      .includes("1")}
                                    onChange={event => {
                                      this.changeSwitch(params.row, event, "1");
                                    }}
                                    inactive-text="测试1"
                                  ></el-switch>
                                  <el-switch
                                    value={(params.row.cooperation || "")
                                      .split(",")
                                      .includes("2")}
                                    onChange={event => {
                                      this.changeSwitch(params.row, event, "2");
                                    }}
                                    inactive-text="测试2"
                                  ></el-switch>
                                   <el-switch
                                    value={(params.row.cooperation || "")
                                      .split(",")
                                      .includes("3")}
                                    onChange={event => {
                                      this.changeSwitch(params.row, event, "3");
                                    }}
                                    inactive-text="测试3"
                                  ></el-switch>
                                 
                                </div>
                              </el-popover>
                              
             列表中一行数据的渲染操作。 点击按钮展示开关。 数据处理。      
             
                changeSwitch(row, status, cooperation) {
                打印传入的相关数据 
      console.log("changeSwitch", row.id,row, status, cooperation);
      }