SFC 新语法错误

Question

用sfc 新语法写 报语法错误 cannot read property ‘content’ of null 这个问题该怎么解决 已经更新 vue upgrade

Answer 1

NeoRRRR 2021-01-09 23:05:40

可以考虑不使用rfc的写法，可以使用tsx写完实现，也可以使用vue3正式发布的方法实现：

<template>
<input type="text" :value="value" @input="handleChange" />
</template>

<script>
import { defineComponent, toRef } from 'vue'
import { FiledPropsDefine } from '../types'

export default defineComponent({
props: FiledPropsDefine,
setup(props) {
const value = toRef(props, 'value')
const handleChange = (e: any) => {
console.log(e)
props.onChange(e.target.value)
}
return {
handleChange,
value,
}
},
})
</script>

Answer 2

Jokcy 2021-01-06 22:08:48

你的代码是怎么写的？

• 是李骏同学 #1

  <template>
    <input type="text" :value="value" @input="handleChange" />
  </template>
  
  <script lang="ts" setup="props">
  import { ref } from 'vue'
  import { FieldPropsDefine, Schema } from '../types'
  export default {
    props: FieldPropsDefine,
  }
  declare const props: {
    value: any
    onChange: (v: string) => void
    schema: Schema
  }
  export const handleChange = (e: any) => {
    console.log(e)
    props.onChange(e.target.value)
  }
  </script>
  
  Syntax Error: TypeError: Cannot read property 'content' of null
  
  照着您的视频指导写的，您看下，应该是同一个问题