代码之家 › 专栏 › 技术社区 › mrDandaleonx

Vue3获取div内容并将其发布到表单

vuejs3 vue.js

mrDandaleonx · 技术社区 · 2 年前

下午好,很抱歉这个愚蠢的问题。我需要从 h1 p 或者其他东西,并将其传递到表单vue并将其发布到后端,如何做到这一点?

我知道如何通过输入和在v模型中实现,但如何从div内容中获取值? 我有表格:

setup(props) {
    const form = useForm({
        name: props.user.name,
....
    });

<h2 v-else >{{ price * counter }}$</h2>

或

<h2 id="saleCount"{{ price * counter * (100 - 20) / 100}}</h2>

1 回复 | 直到 2 年前

cSharp 2 年前

您似乎正在将js内容输出到 template 使用 {{}} script .

然而,如果你有直接的例如:

<h1>My Heading in Template</h1>

template refs :

<script setup>
import { onMounted, ref } from 'vue';

const myHeading = ref(null);

onMounted(() => {
  console.log(myHeading.value.innerText); //this will print "My Heading in Template"
});
</script>

<template>
  <h1 ref="myHeading">My Heading in Template</h1>
</template>

推荐文章

StuP · 响应式Vue组件在数据更改时不更新

2 年前

mrDandaleonx · Vue3获取div内容并将其发布到表单

2 年前

ateymour · Vue3在异步调用后将道具传递给子组件

2 年前

Hebert Lima · 使用Dev容器在网络(LAN)上运行vue应用程序

2 年前

Artur Müller Romanov · 是否可以有条件地渲染布局?

2 年前

Stove Games Games · dist内的图像文件夹未添加到Heroku网站

2 年前

Serkan Gün · 如何在vuejs3中设置与本地存储类似的结构

2 年前

devAR · 单击其他组件时,单选按钮未保持选中状态

2 年前

Coderama · 在v-for指令中使用:key属性时,TS应出现类型错误

2 年前

lnamba · Vue。js在mounted中运行代码,然后再次运行代码以实现重启功能

7 年前