Template refs on v-bind not working, is this intended?

[mirumirumi]

Hi!
When I use template refs, I wanted to add : like v-bind to distinguish them from other native HTTP Attributes.
However, Vue 3 does not seem to allow this writing style.
Does anyone request this writing style?

In the code below, replace ref="xxx" and :ref="'xxx'" to see the difference in behavior.

<template>
  <div>
    <div :ref="'wild_turkey_13'">
      drinking
    </div>
    <br>
    now: {{ data }}
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue"

const data = ref("empty")
const wild_turkey_13 = ref()

onMounted(() => {
  data.value = wild_turkey_13.value.innerHTML
})
</script>

sandbox: https://sfc.vuejs.org/#eNp9UcFqwzAM/RXhUwetzdgtpIXddlhvOxpK2qid28Q2spNSQv59cuKNdoPdnq2n9/SkQbx6L/sORSHKiK1vqogbbQHK2vQTmCEQHtdaXE1T72JHF7ztnl+0yAyAmoy9GHvKHeque08ZWXctYBigrmIF4zi5ZGKp7sz5GQ5kfISAsfPQVPbE3jFMfqb1jiIM4OzWdTZivUzDwQhHci1owWm0SCoHZ0Oc3daJstCCTeJNi6fv4mOeTOOqtj/qi8UTrDcwpHGTluyrpkOmPvbO39JYi/T2sX3XdmSdUs1JNmIp5sFXbeXlOTjLG580dS5wOt7OvKkcomDwGaMPhVLheEh3Ogfp6KQYSeLxTIsSQ7vak7sGJBbWYnmnofizR1oR2hoJ6T/NX9Q/ukmWjzaK8QsFecEW

Thanks!

[xl495]

this method seems to work.

<template>
  <div>
    <div :ref="wild_turkey_13">
      drinking aassdasw
    </div>
    <br>
    now: {{ data }}
  </div>
</template>

<script setup lang="ts">
import { onMounted, ref } from "vue"
  
const data = ref("empty")
  
const isRefValue = ref()
  
const wild_turkey_13 =  el => el && (isRefValue.value = el)

onMounted(() => {
  data.value = isRefValue.value.innerHTML
})
</script>

sandbox:
https://sfc.vuejs.org/#eNp9kcFqwzAMhl9F+DBaaBPGbiEt7LbDehljJ0NxG6Vzm9jGdhJKyLtPTkyXdrCLke1fn35JPXs1JmkbZBnLPdamEh63XAHkhWzHYAohs1huOOtkVex9Yy943T+/cBYlAIWV6iLVCYRwrhCucy5mpzPSwcZI6S6DvodCeAHDMFaMwjydGaGrO1ppPDj0jYFKqBPZ8G4sLWujrYcetNrpRnksVkA+YYDS6ho4o844C3Cujlo5P9XbBNGCMyrjr5wt5wLpPrD8ElWDUXb3e98+KQAr2GzD+fQEi9/kpI0IrAjA1c3gYrEMCX2gBjM34WNuIpVC+/a5e+dqIEaeToPYshWb+l7XwiRnpxUtb+Tx+EHDoeFOg44zyCj49t64LE1deQwrP7tE21NKUWLJmqwxQVevD1Z3Di2BOVvNGCk9tmjXFlWBFu1/zAfpH27A0s4HNvwA+HvY7g==

[markhermano]

@mirumirumi You are actually supplying a string in the ref instead of assigning a the wild_turkey_13 variable.

@xl495 is right, just replace :ref="'wild_turkey_13'" to :ref="wild_turkey_13".