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>

显示代码