不显示中文

Vue 未结 1 1242
刘大哥
刘大哥 2019-10-27 17:16

一、该问题的重现步骤是什么?

1.  按照模板进行前端开发

2. 列表中显示中文名称,form中不显示中文的原因是什么?

同一个界面的另外一个字段可以显示中文

3. 同一个接口,两个界面写的一模一样


二、你期待的结果是什么?实际看到的又是什么?

期待显示中文,结果不显示中文


三、你正在使用的是什么产品,什么版本?在什么操作系统上?


商用版bladeX




1条回答
  •  admin
    admin (楼主)
    2019-10-27 21:57


    有两种情况会导致绑定失败

    第一种:tree的id没绑定正确

    如果返回的主键不是id,props需要做一下配置,如下


    props: {

      label: "title",

      value: "roadId"

    },

    title代表绑定的中文名,roadId代表绑定的主键,两者缺一不可。


    第二种,列表的id没有绑定正确或者long类型字段没做配置导致精度缺失

    远程了一下你的系统,发现/device/list接口返回绑定的roadSection字段没有做精度调整,最后两位为0,所以绑定的时候roadSection的值与返回tree的字段匹配不上,才导致没有显示中文

    接口返回:

    image.png

    实体类定义:

    image.png

    正确修改后:

    image.png


    如果是long类型的主键,需要注意要配置id序列化类型为string,否则最后两位会变为00导致绑定失败,具体帖子说明如下:https://sns.bladex.cn/q-344.html

    image.png


    如何解决这一类问题?

    养成好习惯,每个Long类型的字段,如果要返回到列表接口,那就在这个字段加上序列化的注解,这样就无需担心了

    0 讨论(1)
提交回复