element—ui的bug

form:

      下拉菜单:

     因为项目是之前的项目,今天需要修改内容,要把接口已有的信息带入到选择框和输入框中,输入框没有问题,就是选择框哪里有问题,之前的v-model内容是data.mz,出现无法修改问题也没有报错信息,找了半天是v-model不能使用以上模式只能改成单独的mz了

 照理来说,对象里面的mz也是字符串啊,为啥不行那,奇怪

本来想要跟官方反馈来着,但是打开github太费劲了,也没有交流群之类的,算了记录下这个bug

 

<template>
  <div>
      <div>
        <span>用户名:</span><input type="text"  placeholder="请输入用户名" name="" id="">
      </div>
      <div>
          <span>密码:</span><input type="text"  placeholder="请输入密码" name="" id="">
      </div>
      <div>
        <el-select v-model="mz" :disabled="mzdisabled" filterable placeholder="">
            <el-option v-for="item in minzulist" :key="item.code" :label="item.value" :value="item.value">
                <span style="float: left">{{ item.value }}</span>
            </el-option>
         </el-select>
      </div>

  </div>
</template>

<script>
import vMinzu from "@/components/data/minzu";
export default {
  data() {
    return {
      data:{
        mz:'',
      },
      mz:'',
      mzdisabled:false,
      minzulist:[]
    }
  },
  components: {
    vMinzu,
  },
  mounted() {
    this.mz='涵'
    this.minzulist = this.jckaff();
    
  },
  methods: {
    jckaff(){
      return vMinzu.data;
    }
  },
}
</script>

<style lang="scss" scoped>
 input{
    border:none;
    outline:none;
    margin-left:10px;
    font-size:12px;
    margin: 0;
    padding:0;
}
</style>
{
  "data": [
        {"code":"01","value":"汉族"},
	{"code":"02","value":"蒙古族"},
	{"code":"03","value":"回族"},
	{"code":"04","value":"藏族"},
	{"code":"05","value":"维吾尔族"},
	{"code":"06","value":"苗族"},
	{"code":"07","value":"彝族"},
	{"code":"08","value":"壮族"},
	{"code":"09","value":"布依族"},
	{"code":"10","value":"朝鲜族"},
	{"code":"11","value":"满族"},
	{"code":"12","value":"侗族"},
	{"code":"13","value":"瑶族"},
	{"code":"14","value":"白族"},
	{"code":"15","value":"土家族"},
	{"code":"16","value":"哈尼族"},
	{"code":"17","value":"哈萨克族"},
	{"code":"18","value":"傣族"},
	{"code":"19","value":"黎族"},
	{"code":"20","value":"僳僳族"},
	{"code":"21","value":"佤族"},
	{"code":"22","value":"畲族"},
	{"code":"23","value":"高山族"},
	{"code":"24","value":"拉祜族"},
	{"code":"25","value":"水族"},
	{"code":"26","value":"东乡族"},
	{"code":"27","value":"纳西族"},
	{"code":"28","value":"景颇族"},
	{"code":"29","value":"柯尔克孜族"},
	{"code":"30","value":"土族"},
	{"code":"31","value":"达斡尔族"},
	{"code":"32","value":"仫佬族"},
	{"code":"33","value":"羌族"},
	{"code":"34","value":"布朗族"},
	{"code":"35","value":"撒拉族"},
	{"code":"36","value":"毛难族"},
	{"code":"37","value":"仡佬族"},
	{"code":"38","value":"锡伯族"},
	{"code":"39","value":"阿昌族"},
	{"code":"40","value":"普米族"},
	{"code":"41","value":"塔吉克族"},
	{"code":"42","value":"怒族"},
	{"code":"43","value":"乌孜别克族"},
	{"code":"44","value":"俄罗斯族"},
	{"code":"45","value":"鄂温克族"},
	{"code":"46","value":"崩龙族"},
	{"code":"47","value":"保安族"},
	{"code":"48","value":"裕固族"},
	{"code":"49","value":"京族"},
	{"code":"50","value":"塔塔尔族"},
	{"code":"51","value":"独龙族"},
	{"code":"52","value":"鄂伦春族"},
	{"code":"53","value":"赫哲族"},
	{"code":"54","value":"门巴族"},
	{"code":"55","value":"珞巴族"},
	{"code":"56","value":"基诺族"},
	{"code":"97","value":"其他"}
]
}

table:

   使用table展示数据时,出现了表格数据展示错误问题,例子如下图

     正常的:

 出现问题了:

解决办法:

     列表加上key

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序媛刘刘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值