【输入金额】应用示例

举个例子：录入服务包总价、录入汽车票价格场景

如下图所示：

针对这样的应用场景封装了v-price指令，只需要在<el-input/> 或者<input/> 或者 包含input标签的组件上加上 v-price 指令即可。

售价：

元

v-price 指令示例

<template>
  <el-form style="max-width: 400px;">
    <el-form-item label="售价：" label-width="140px">
      <el-input v-model="price" v-price placeholder="请输入金额(保留两位小数)">
        <template slot="append">元</template>
      </el-input>
    </el-form-item>
  </el-form>
</template>

<script>
	export default {
		name: "index",
		data() {
			return {
				price: '12.34',
			}
		}
	}
</script>

显示代码