javascript vue v模型中的变量

6tqwzwtp 于 2023-05-27 发布在 Java

关注(0)|答案(2)|浏览(201)

我在表单中使用了一个textarea字段，如果我从数据库中插入一个值（使用laravel 10和inertia），它不会显示。但是，它显示在任何其他地方。很明显，在v-模型中，值与

<script setup>
...
let form = reactive({
  header: '',
});  
...
</script>

<template>
...
<textarea
v-model="form.header"                                
@input="onInputheader"                              
>{{ article.header }}</textarea>
...
</template>

同时，我不能像这样在vmodel中设置默认值

<script>
 data() {
    return {
      form.header: article.header,
}

form.header的语法不正确，article.header未定义。

</script>.
let form = reactive({
  header: article.header,
});

article.header也没有定义
我如何将变量的值传递给具有v-model字段的texarea

JavaScript

来源：https://stackoverflow.com/questions/76329961/variable-in-vue-v-model

2条答案

按热度按时间

aij0ehis1#

尝试从textarea标记中删除{{ article.header }}，因为textarea标记中的mustache语法不起作用。文档：https://vuejs.org/guide/essentials/forms.html#multiline-text，并在评论中进行@Joyful建议的更改。

<script setup>
...
let form = reactive({
  header: '',
});  
...
</script>

<template>
...
<textarea
v-model="form.header"                                
@input="onInputheader"                              
></textarea>
...
</template>

赞(0）回复(0）举报 2023-05-27

u91tlkcl2#

这就是答案。需要声明变量才能在脚本中使用它

let props = defineProps({
  article: String,
});

let form = reactive({
  header: props.article.header,
});

赞(0）回复(0）举报 2023-05-27

我来回答

javascript vue v模型中的变量

2条答案

相关问题

热门标签

最新问答