フロントエンド（実際の開発の概要）1

1.初歩的な知識

ここに画像の説明を挿入
Propは、配列から渡されるパラメーターと同等です。つまり、elementUiのwhat：dataは配列と同等であり、propに従って各行に分散されます。ここに固定があり、幅は固定されています。この場所で。

ボタンの読み込みとページは2つの読み込みで、ボタンは読み込み中、インターフェースはv読み込みです。公式ウェブサイトを参照できます。

2.値渡しの問題

今日、問題が発生しました。パラメータを介して値を渡し、インターフェイスを更新しました。データが消えました。この方法で直接ページを更新すると、データが失われるためです。

this.$router.push({
    
    
          name: 'particulars',
          params: {
    
    
            id: id
          }
 })
 
{
    
    
     path: '/particulars',
     name: 'particulars',
     component: particulars
}

this.$route.params.id

これは問題ありませんが、URLはきれいではありません。。

this.$router.push({
    
    
          path: `/particulars/${
      
      id}`,
})

{
    
    
     path: '/particulars/:id',
     name: 'particulars',
     component: particulars
   }
this.$route.params.id

したがって、最終的には、sessionStorageを介してデータを保存する
ことで問題ありません。これはルーティングなしのページで使用されていると常に思っていましたが、sessionStorageの値を確認すると、ジャンプは変更されますが、ウィンドウが閉じられていないことがわかります。パスですが、影響はありませんが、短命のlocalStorageと同等です。もちろん、sessionStorageをチェックすると、サイズがあり、文字列であると表示され、データの更新が消えることはありません。

sessionStorage.setItem('creator',this.creator)

另一个界面我从Vue的data中就可以直接得到，接下来就好做了
creator: sessionStorage.getItem('creator')

ここに画像の説明を挿入

3.elementUiのフォームでルールピットを踏む

公式：これは公式がここに書いたものであり、問題はありません。
ここに画像の説明を挿入
訂正後、私の：ここで、データのルールの下で名前を変更しましたが、これはaddFormの値とは異なり、奇妙な表示が表示され、非判断ルールが無効です。チェックしてください。の名前は次のとおりです。名前prop、フォームオブジェクト（addForm）の下の名前に1つずつ対応する必要があります。対応しない場合は機能しません。
ここに画像の説明を挿入