vue-element-admin el-switch使用

这个业务逻辑多少都有点奇怪了，阅读浏览次数增值在新闻详情页的控制器方法里setInc，这怎么还写进模型事件里了。如果非要用onAfterRead也可以，把新闻文章的内容单独分出来一个news_content表，然后把它和news做关联，然后给news_content表的onAfterRead事件做增值处理，这样点进新闻页内查询到文章内容时才会触发它。: 评 TP6模型事件-查询后onAfterRead不好用

文章标签更多

ThinkPHP (260)

Mysql (59)

DedeCms (33)

jQuery (74)

证件照 (1)

尺寸大小 (2)

背景颜色 (1)

setInc (4)

setDec (4)

onclick (5)

友情链接更多

超纯水设备

免费设计

海报设计

快递查询

vue-element-admin el-switch

打开边栏(ESC) 关闭边栏(ESC)

vue-element-admin el-switch使用

1,效果

from clipboard

2，代码

<el-table-column label="显示" class-name="status-col" width="200">
        <template slot-scope="{row}">
          <el-switch
            v-model="row.isShow"
            active-color="#13ce66"
            :active-value="1"
            :inactive-value="0"
            @change="toggleIsShow(row)"
          >
          </el-switch>
        </template>
      </el-table-column>

3，接口返回数据样式，isShow字段类型为整型

为整型:active-value="1" :inactive-value="0"

如果是布尔类型，则:active-value="true" :inactive-value="false"

from clipboard

4，change方法

// 显示隐藏
    toggleIsShow(row){
      toggleIsShow({id:row.bankId,isShow:row.isShow}).then(res => {
        if(res.code == 200){
          this.$message.success('操作成功')
        }else{
          this.$message.error(res.msg)
        }        
      })
    }

5，axios请求方法

// 显示隐藏
export function toggleIsShow(data) {
  return request({
    url: '/admin/bank/toggleIsShow',
    method: 'post',
    data
  })
}

6，接口(thinkphp)

/**
	 * 显示隐藏
	 */
	public function toggleIsShow(){
		$id = input('post.id',0);
		$isShow = input('post.isShow',0);    
		$rs = $this->where('bankId',$id)->setField(['isShow'=>$isShow]);
		if(false !== $rs){
			return ZHTReturn('操作成功',200);
		}else{
			return ZHTReturn('操作失败',403);
		}
	}

赏