账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element ui select 初始值设定
    54
    0

    代码如下,表格中的el-select,看了网上说明一般都是在data中设置(比如risk_type设置为0),但我这表格中他的初始值不相同,这个该如何设置。试过将select绑定值设为scope.row.risk_type,但是 @change的选中值无法获取

     <el-table-column
              prop="status" :formatter="showStatus"
              label="状态">
      </el-table-column>
      <el-table-column
              prop="risk_type"
              label="单控操作">
              <template slot-scope="scope" >
                <el-select v-model="controlSetting.risk_type"
                           @change="orderEdit(scope.row.id)" v-if="scope.row.status==0" size="mini">
                  <el-option label="默认" value="0"></el-option>
                  <el-option label="赢了" value="1"></el-option>
                  <el-option label="损亏" value="2"></el-option>
                </el-select>
                <span v-if="scope.row.status!=0">已完成</span>
              </template>
            </el-table-column>
       data() {
          return {
            proData:[],
            data:[],
            count:0,
            page:1,
            controlSetting:{
              risk_type: '',
              id: ''
            },
      orderEdit:function(id){
            var _this=this;
            _this.controlSetting.id=id;
            _this.axios.post(_this.global.httpUrl+"?r=order/update",_this.qs.stringify( _this.controlSetting))
              .then(function (response) {
                if(response.data.status=="SUCCESS"){
                  _this.data=response.data.results;
                  _this.$message.success('修改成功');
                  _this.allSearch();
                }else{
                  _this.loginStatus(response.data.status,response.data.error_message);
                }
    
              })
              .catch(function (error) {
                console.log(error);
              });
          }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 在 Element UI 中,可以使用 v-model 属性和 value 属性来设置 select 元素的初始值。v-model 是 Vue.js 中用于双向数据绑定的特性,value 属性用于指定单选框当前选中的值。

      例如:

      ```html ```

      在这个例子中,selectedValue 是 select 元素的 v-model,它将根据用户选择的选项值更新。

      onChange 绑定函数中,你可以检查 v-model 的值,并根据需要进行操作。例如:

      javascript export default { data() { return { selectedValue: '', }; }, methods: { onChange(value) { console.log(`Selected value: ${value}`); }, }, };

      在这个例子中,onChange 方法会检查 selectedValue 是否发生变化,如果是,则会打印出当前选中的值。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部