首页 > 其他分享 >vue+element 的使用问题记录-下拉列表绑定值为整数

vue+element 的使用问题记录-下拉列表绑定值为整数

时间:2022-08-31 08:56:34浏览次数:65  
标签:vue 绑定 值为 整数 列表 element

 

vue+element 的使用问题记录

 

1、下拉列表绑定值为整数

问题现象:下拉列表没有显示对应的文字,显示的是数字。

 

 

解决方法:

对应的对象的类中的数据类型是Integer

  value="parseInt(dict.dictValue)"
  <el-row>
          <el-col :span="24">
            <el-form-item label="存取状态" prop="inAccessStatus">
              <el-select v-model="form.inAccessStatus" style="width: 100%" placeholder="请选择积分存取状态" >
                <el-option
                  v-for="dict in vtIntegralOptions"
                  :key="dict.dictValue"
                  :label="dict.dictLabel"
                  :value="parseInt(dict.dictValue)">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
</el-row>

 

标签:vue,绑定,值为,整数,列表,element
From: https://www.cnblogs.com/zhangzaizz/p/16640194.html

相关文章

  • Vue-条件渲染
    条件渲染条件渲染的属性有两个:1.v-if/v-elsev-if的方法是删除元素<body> <divid="app"> <divv-if="flag">上课</div> <divv-if="n">......
  • Vue-循环渲染
    循环渲染循环渲染使用的是v-for<body> <divid="app"> <divv-for="iteminarr">{{item}}</div> <divv-for="iteminarr2">{{item.time}}</div> <div......
  • Vue-样式绑定
    1.对class属性进行绑定<style> .app{ width:200px; height:200px; background-color:purple; } .app1{ width:100px; height:100px; bac......
  • vue3 基础-表单元素双向绑定
    通常是在form表单相关的场景中会用到双向绑定相关,核心是v-model的应用.input输入框<!DOCTYPEhtml><htmllang="en"><head><title>input</title><script......
  • React报错之Property does not exist on type 'JSX.IntrinsicElements'
    正文从这开始~总览当组件名称以小写字母开头时,会导致"Propertydoesnotexistontype'JSX.IntrinsicElements'"错误。为了解决该错误,确保组件名称总是以大写字母开头,......
  • VUE3.0+Antdv+Asp.net WebApi开发学生信息管理系统(完)
    在B/S系统开发中,前后端分离开发设计已成为一种标准,而VUE作为前端三大主流框架之一,越来越受到大家的青睐,Antdv是Antd在Vue中的实现。本系列文章主要通过Antdv和Asp.netWebA......
  • 父传子 子穿父 vue3
    不错的博客https://blog.csdn.net/qq_43895215/article/details/124626692......
  • Vue3打包部署Nginx
     1、在vue.config.js中配置如下1const{defineConfig}=require('@vue/cli-service')2module.exports=defineConfig({3transpileDependencies:tr......
  • vue——插槽的作用与理解
    1.作用:让父组件可以向子组件指定位置插入html结构,也是一种组件间通信的方式,适用于父组件===>子组件2.分类:默认插槽、具名插槽、作用域插槽3.使用方式:默认插槽:子组件:......
  • 启动Vue出现npm ERR! code ENOENT和npm ERR! Missing script: "serve"
    npmERR!codeENOENTnpmERR!syscallopennpmERR!pathD:\java\springbootAndVue\前端/package.jsonnpmERR!errno-4058npmERR!enoentENOENT:nosuchfile......