vue-the-mask + element ui 输入槽 2 值错误

问题描述

有人有以下情况的解决方案吗？

<el-input v-model="contactNo" v-mask="'## ### #####'" masked="true" /> // this is valid

我收到错误，因为 v-mask 指令需要 1 个输入，找到 2 个

<el-input placeholder="enter phone number" v-model="contactNo" class="input-with-select"> 
    <el-select v-model="select" slot="prepend" placeholder="select">
      <el-option label="restaurant phone" value="1"></el-option>
      <el-option label="order phone" value="2"></el-option>
      <el-option label="personal phone" value="3"></el-option>
    </el-select>

解决方法

您需要从 v-mask 值中删除撇号或使用 v-mask="## ### #####" 绑定 prop：

选项 1：

:v-mask="'## ### #####'"

选项 2：

{{1}}