input{width:1em;border:1px实心凹槽;outline:0;}的文字需要上一行文字,下一行输入框,在输入框输入文字,然后比较输入的文字是否与对应的文字相同上一行,如果没有,输入将是文本变为红色。最重要的想法是想法。最早的想法是用表格,每个单词占一个td,第一行(奇数行)放正文,第二行(偶数行)放输入标签。然后将输入的内容与第一行进行比较。zizizi后来写代码的时候发现这样写很费力。找到每个输入的值并将其与上一行的相应文本进行比较太难了,几乎不可能实现。所以将文本和输入框作为一个组件来比较输入的文本是否与提示文本一致,这样代码就容易写多了。创建项目使用vueui创建vue项目创建文本Char.vue组件{{cw}}input{width:1em;border:1px实心凹槽;outline:0;}创建文本编辑器EditorPane.vue组table{border:0;}修改App.vue,使用打字组
{{cw}}
使用vue写一个类似金山打字童相关文章