vue.js 獲取當(dāng)前自定義屬性值

發(fā)布時(shí)間：2020-10-09 02:55:39 來源：腳本之家閱讀：154 作者：Fayin 欄目：web開發(fā)

假設(shè)有一個(gè)標(biāo)簽h6, 我們給它添加了一個(gè)自定義屬性值，（item.id是從動態(tài)添加的）

點(diǎn)擊h6 標(biāo)簽，如何才能獲取當(dāng)前對應(yīng)的自定義屬性值呢？

想當(dāng)然的我最開始這樣寫：

<h6 class="left t-title" @click='getDataId' :data-id="item.id"></h6>

<script>
  methods: {
    getDataId() {
      console.log(this.data-id);
    }
   },
  
</script>

顯然，這樣是拿不到 data-id的值的。。。。

應(yīng)該這樣做：

<h6 class="left t-title" @click='getDataId(item.id)' :data-id="item.id"></h6>

<script>
  methods: {
    getDataId(id) {
      console.log(id);
    }
   },
  
</script>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

vue.js 獲取當(dāng)前自定義屬性值

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽