在vue

**点击switch出弹窗点击弹窗保存按钮调接口成功后再赋值row.orderButtonValue“1”打开switch开的状态变颜色。

在vue

在Vue中冒号(:)被称为v-bind指令的缩写。

v-bind指令是Vue中非常强大的一个指令它用于动态绑定数据到HTML标签的属性中。

简而言之冒号就是v-bind指令的语法糖。

说白了冒号是用来告诉Vue我要绑定数据到这个属性里属性的名称就是冒号后面的部分

el-table-column

slot-scopescopeel-switchv-showscope.row.orderButton

scope.$index):valuescope.row.orderButtonValueactive-value1//打开为

字符串0active-color#67C8FFinactive-color#CCCCCC{{

}}/el-switch/template/el-table-columndiv

classdialogel-dialogclassparams_dialogtitle提示:visible.synctextDialogVisiblewidth30%centerp

classtext

descsvg-iconicon-classel-warningstylewidth:

16px;

clicktextSaveClick保存/el-buttonel-buttonclicktextCancelBtnstyleborder:

1px

36px;取消/el-button/div/el-dialog/div//指令按钮changeClick(row,

index)

row.orderButtonValue;//row.orderButtonValue

接口返回值//启动弹窗if

row.orderVariableNameDesc;this.textDialogVisible

index;return;}if

{//传参数...};//write接口getWriteInfo(params).***n(res

{if

{//传参数...};getOrderButtonInfo(params).***n(res

{//表格if

{//传参数...};getWriteInfo(params).***n(res

{if

{//传参数...};getOrderButtonInfo(params).***n(res

{//表格if

{this.$message.warning(请先点击现场手动调试使能);}}

else

{//传参数...};getWriteInfo(params).***n(res

{if

{console.log(write接口);//指令接口let

params

{//传参数...};getOrderButtonInfo(params).***n(res

{//表格if

{this.$message.warning(请先点击现场手动调试使能);}},//指令弹窗-----保存textSaveClick()

{let

{//传参数...};this.textDialogVisible

false;this.tableData[this.switchIndex].orderButtonValue

1;this.tableData.splice(this.switchIndex,

this.tableData[this.switchIndex]);getWriteInfo(params).***n(res

{if

{//传参数....};getOrderButtonInfo(params).***n(res

1057);});}});},例子2

link-btn通信连接/spanel-switch:valuelinkValueactive-color#4683FFinactive-color#CCCCCCchangeswitchClick/el-switch/div//通信连接switchClick()

{if

{//传参数...};//打开通信hubConnectInfo(params).***n(res

{if

{this.$message.success(res.message);this.slaveId

res.data.slaveId;this.slaveIdCopy

res.data.slaveId;this.acquireInfo(res.data.slaveId);this.$emit(switchType,

true);}});}

{this.$message.error(请先打开串口号!);}}

else

false;//关闭通信offDebugInfo().***n(res

{if

{clearInterval(this.timer);this.timer

false);//关闭机器把调桨控制值清颜色恢复默认this.clearColorValue();}});}},