<template>
  <div class="container">
    <span>{{ value }}</span>
    <input  placeholder="请输入标签"  v-model="value" >
  </div>
</template>

<script>
export default {
  data() {
    return {
      value: ''
    };
  },
};
</script>

<style>
  .container {
    position: relative;
    display: inline-block;
    font-size: 16px;
  }
  span {
    display: inline-block;
    min-width: 80px;
  }
  
  input {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    
    font-size: 16px;
    height: 30px
  }
</style>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.