uniapp通过ref绑定div里的值
时间: 2023-06-24 17:08:06 浏览: 93
正确理解C#中的ref关键字
可以通过 `ref` 绑定 `div` 元素并获取其值,具体步骤如下:
1. 在 `div` 元素上添加 `ref` 属性,例如:`<div ref="myDiv"></div>`
2. 在 Vue 实例中使用 `$refs` 属性获取 `div` 元素的引用,例如:`this.$refs.myDiv`
3. 使用 `innerText` 或 `innerHTML` 属性获取 `div` 元素的值,例如:`this.$refs.myDiv.innerText`
示例代码如下:
```html
<template>
<div ref="myDiv">这是一个div元素</div>
</template>
<script>
export default {
mounted() {
const myDivValue = this.$refs.myDiv.innerText
console.log(myDivValue) // 输出:这是一个div元素
}
}
</script>
```
阅读全文