vueでDOM要素を取得して属性を設定する方法

ここでは 2 つの方法を考えました:

方法 1:

対応する要素に ID を直接追加し、

document.getElementById("id");

それを取得し、対応する属性またはスタイルを設定します

方法 2:

ref を使用して対応する Add ref="name" を要素に与えてから、this.$refs.name から要素を取得します

注: 対応する要素を取得する前に、その要素をマウント フックにマウントする必要があります。そうしないと、取得される値は空になります。 ,

If サブコンポーネントに ID を追加してカスタム属性を変更すると、そのサブコンポーネントに対応する外側の p に直接ロードされ、サブコンポーネントの元のカスタム属性の値は変更されません

Ifサブコンポーネントに ref を追加して、DOM 要素に到達し、対応するカスタム属性の値を変更すると、vue はエラーを報告します:

 Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop being mutated: "title"

以上がvueでDOM要素を取得して属性を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。