ここでは 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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
