AVUE-cascader控件在列表中无法显示中文

Saber 未结

关注举报

 2  1197

85553017 剑圣 2020-09-09 17:00

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

1. 使用单组件方式，加载使用，cascader控件，在form页面里面是正常使用，但是列表中显示的是 [ "11", "1101", "110105" ] 无法显示中文，请问这个中文如何能获取到呢？

2. 使用表单级联选择器方法，加载使用，cascader控件，在form页面里面是正常使用，但是列表中显示的是 [ "11", "1101", "110105" ] 无法显示中文，请问这个中文如何能获取到呢？

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

在列表中正常显示中文，如：

实际看到是：

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

avue v2.6.15， saber2.6.0

四、请提供详细的错误堆栈信息，这很重要。

五、若有更多详细信息，请在下面提供。

2条回答

admin - BladeX作者

2020-09-10 16:55

这个需要给avue发一个issue：https://gitee.com/smallweigit/avue/issues

0 讨论(1)
评论:

提交评论
- 加载中...

夜丹鹏

2021-09-07 15:36

<!DOCTYPE html><html class="no-js">

  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title></title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <script src="https://cdn.staticfile.org/axios/0.19.0-beta.1/axios.js"></script>

    <script src="https://cdn.staticfile.org/vue/2.5.17/vue.js"></script>
    <!-- 导入表格需要的包 -->

    <script src="https://cdn.staticfile.org/FileSaver.js/2014-11-29/FileSaver.min.js"></script>
    <script src="https://cdn.staticfile.org/xlsx/0.14.1/xlsx.full.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.13.0/theme-chalk/index.css" />
    <script src="https://cdn.staticfile.org/element-ui/2.13.0/index.js"></script>
    <link rel="stylesheet" href="../../../lib/index.css" />
    <script src="../../../lib/avue.js"></script>
  </head>

  <body>
    <div id="app">
      <avue-crud ref="crud" :data="data2" :option="option3" @on-load="onload"></avue-crud>
    </div>
  </body>
  <script>
    let baseUrl = 'https://cli.avuejs.com/api/area'
    new Vue({
      el: '#app',      data() {        return {
          data2: [],
          option3: {
            page: false,
            align: 'center',
            menuAlign: 'center',
            column: [{
                label: '姓名',
                prop: 'name',
              }, {
                label: '性别',
                prop: 'sex'
              }, {
                label: '城市',
                prop: 'province',                type: 'select',
                cascaderItem: ['city', 'area'],
                props: {
                  label: 'name',
                  value: 'code'
                },
                dicUrl: `${baseUrl}/getProvince`
              },
              {
                width: 120,
                label: '城市',
                prop: 'city',                type: 'select',
                cell: true,
                props: {
                  label: 'name',
                  value: 'code'
                },
                dicUrl: `${baseUrl}/getCity/{{key}}`,
                rules: [{
                  required: true,
                  message: '请选择城市',
                  trigger: 'blur'
                }]
              },
              {
                width: 120,
                label: '地区',
                prop: 'area',
                cell: true,
                props: {
                  label: 'name',
                  value: 'code'
                },                type: 'select',
                dicUrl: `${baseUrl}/getArea/{{key}}`,
                rules: [{
                  required: true,
                  message: '请选择地区',
                  trigger: 'blur'
                }]
              }
            ]
          }
        }
      },
      mounted() {

      },
      methods: {
        onload: function() {          this.data2 = [{
            name: '张三',
            sex: '男',
            province: '110000',
            city: '110100',
            area: '110101',
          }, {
            name: '李四',
            sex: '女',
            province: '130000',
            city: '130200',
            area: '130202',
          }]          // 延时执行级联加载
          var myThis = this;
          setTimeout(function(){
            myThis.$refs.crud.dicInit('cascader');
          },500)
        }
      }
    })  </script></html>

0 讨论(0)