qq_40850078
Rebel-66
2021-05-21 15:59
采纳率: 42.9%
浏览 226
已结题

element ui 的label(同el-input)标签中格式问题

如何在label(el-input)中进行判断根据输入的文字来进行左右排列(参考微信)

就是例如,如果输入中文,就是从左向右显示,

如果是输入英文,那也是从左向右显示,

如果输入阿拉伯语,那就是从右往左显示。

求求各位大佬了,给我解答一下,这太难了,然后客户还催的急。鞋鞋各位大佬

  • 点赞
  • 收藏

1条回答 默认 最新

  • weixin_44058725
    已采纳

    给el-input前后都加上一个div然后再正则匹配,按照你的动态给div赋值

    //伪代码
    <div v-if="show"></div>//相当于左边
     <el-input
      placeholder="请输入内容"
      v-model="value"
      >
    </el-input>
    <div v-else></div> //相当于右边
    
    data(){
    return {
     show:false
    }
    }
    //
     // 数字验证!
     var reg = new RegExp("/[\u4e00-\u9fa5]+/g");//中文
    if(reg.test(value)||输入阿拉伯){ //输入中文右边
      this.show=true
    }else {//英文
      this.show=false
    }
     
    点赞 评论

相关推荐