vue ref的基本用法

2022-09-08 14:36:18 字數 719 閱讀 1130

1、使用在一般的標籤上

<

div

id>

<

input

ref="count"

type

="text"

v-model

="active.name"

required name

="name"

value

="">

div>

這樣在vue中我們可以使用$ref來獲取dom節點,進行一些dom的操作

下面示例:控制input輸入框的文字個數

new

vue(

},watch:,

deep:

true

} },

})

2、使用在子元件上,可以用來獲取子元件的屬性值,假設子元件裡面都有乙個屬性news

<

div

id>

<

hdnews

ref="hdnews"

>

hdnews

>

<

hdinfo

ref="hdinfo"

>

hdinfo

>

div>

new vue(

})

轉 :  

Vue ref 的用法詳解

ref 被用來給元素或子元件註冊引用資訊。引用資訊將會註冊在父元件的 refs 物件上。如果在普通的 dom 元素上使用,引用指向的就是 dom 元素 如果用在子元件上,引用就指向元件例項。用法如下 ref p hellop ref child child component 當 v for 用於元...

mysql 的基本用法 mysql基本用法

mysql 5.1 中文參考手冊 show databases 顯示資料庫 drop database 資料庫名 刪除資料庫 set names utf8 設定資料庫編碼為utf 8 source x 資料庫名.sql 匯入乙個資料庫 use 資料庫名 嘗試訪問資料庫 create database...

mysql 的基本用法 mysql基本用法

mysql 5.1 中文參考手冊 show databases 顯示資料庫 drop database 資料庫名 刪除資料庫 set names utf8 設定資料庫編碼為utf 8 source x 資料庫名.sql 匯入乙個資料庫 use 資料庫名 嘗試訪問資料庫 create database...