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

【问题标题】：vue-the-mask + element ui input slot 2 value errorvue-the-mask + element ui 输入槽 2 值错误
【发布时间】：2021-08-26 03:03:02
【问题描述】：

谁有以下情况的解决方案？

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

【问题讨论】：

标签： element directive element-ui

【解决方案1】：

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

选项 1：

v-mask="## ### #####"

选项 2：

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

【讨论】：