Vueでref、$refsを使用してform、fromItemにバインドし、フォーム検証項目と検証プロンプト情報を動的に変更します.

Vueでref、$refsを使用してform、fromItemにバインドし、フォーム検証項目と検証プロンプト情報を動的に変更します.
需要はこのようにして、異なるタイプによって異なるフォームの項目を展示して、検証のあるフォームの項目も異なって、その時検証に関するいくつかの方法についてgithubを見て、仕方なく見て分からないで、突然refの属性を思い出して、印刷して見て、探して、結局私に見つけさせて、へへ、先に図を見てからformの対象の中に入って、そうです.それからrulesをクリックして、彼を展開してrulesを開きます.中にはこのフォームの検証対象のprop項目の中のmessage、required、triggerがあります.フォームにバインドされているrulesです.
そして動的にあなたが望むように変更することができます

//        ,               
this.$refs.accessPrefix.form.rules.ACCESS_PREFIX[0].required = false
       ,       isRequired
this.$refs.accessPrefix.isRequired = false
 //           ,          ,        ,
            

エラーメッセージを修正する場合は、図の下にある修正後のヒント情報を見てください.これは最初の図のvalidateMessageプロパティに使用されます.

//       
this.$refs.applicationName.validateMessage = '            '
this.$refs.applicationName.form.rules.APPLICATION_NAME[0].message = '            '

そして、切り替えて帰るときは変えておけばいいのです

this.$refs.applicationName.validateMessage = '        '
this.$refs.applicationName.form.rules.APPLICATION_NAME[0].message = '        '

ただしthis.$のみ修正refs.applicationName.form.rules.APPLICATION_NAME[0].Messageという属性では、リアルタイムでビューを更新することはありません.このformの中の属性は検証をトリガーしてからビューを更新する必要があるので、検証後の情報、つまりvalidateMessageの値を直接修正すればいいのです.初めてこの問題にぶつかったので,今回記録しておきます.