element input失效

Question

~~<template>
  <div>
      <el-input
        v-model="search"
        placeholder="请输入站点"
        suffix-icon="el-icon-search"
      />
      <input type="text" v-model="search1">
  </div>
</template>

<script lang="ts">
import { Vue } from 'vue-property-decorator'

export default class extends Vue {
  search = ''
  search1 = ''
}

</script>

代码如上 作为子组件被调用的时候，elinput输入没有显示，普通输入框ok。 给elinput加@change事件 forceupdate 此时elinput生效，但不太想用这种方式 不太明白为什么会出现这种情况

Answer 1

是不是要依赖Component

<template>
  <div>
      <el-input
        v-model="search"
        placeholder="请输入站点"
        suffix-icon="el-icon-search"
      />
      <input type="text" v-model="search1">
  </div>
</template>

<script lang="ts">
import {Vue, Component} from 'vue-property-decorator';

@Component({})
export default class extends Vue {
  search = ''
  search1 = ''
}

</script>