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

Question

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

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

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

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

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

Answer 1

给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
}