使用kebab-case的传值

Source：

• https://vuejs.org/guide/essentials/component-basics.html#in-dom-template-parsing-caveats
• https://vuejs.org/guide/components/props.html#prop-name-casing

<script lang="jsx">
import { ElInput } from 'element-plus';
import { defineComponent, ref } from 'vue';

const max = ref('')

export default defineComponent({
setup() {
return <ElInput v-model={max} max-length="50" show-word-limit={true}></ElInput>  
}
})
</script>

使用kebab-case的传值

Source：

• https://vuejs.org/guide/essentials/component-basics.html#in-dom-template-parsing-caveats
• https://vuejs.org/guide/components/props.html#prop-name-casing

<script lang="jsx">
import { ElInput } from 'element-plus';
import { defineComponent, ref } from 'vue';

const max = ref('')

export default defineComponent({
    setup() {
        return <ElInput v-model={max} max-length="50" show-word-limit={true}></ElInput>  
    }
})
</script>

it isn't effective if using "max-length", because it is not an attribute of

使用kebab-case的传值
Source：

• https://vuejs.org/guide/essentials/component-basics.html#in-dom-template-parsing-caveats
• https://vuejs.org/guide/components/props.html#prop-name-casing

<script lang="jsx">
import { ElInput } from 'element-plus';
import { defineComponent, ref } from 'vue';

const max = ref('')

export default defineComponent({
    setup() {
        return <ElInput v-model={max} max-length="50" show-word-limit={true}></ElInput>  
    }
})
</script>

it isn't effective if using "max-length", because it is not an attribute of

如果使用 “max-length” 则无效，因为它不是 的属性关闭

oops， sorry my fault