- 34
- 0
input的输入值,不能添加到对应的数据里
使用的antdesign vue,代码结构如下
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
<template>
<div class="chapterInfo">
<p class="chapterInfo-title">章节信息</p>
<div v-for="(item, index) in chapterInfo" :key="index">
<a-collapse :bordered="false" accordion @change="changeActivekey">
<a-collapse-panel :header="item.header" :key="index" :showArrow="false">
<a-radio-group @change="chapterInfoTitle">
<p v-for="(itemTitle, index) in item.chapterInfoTitle" :key="index">
<a-radio-button :value="index">{{ itemTitle.title }}</a-radio-button>
</p>
</a-radio-group>
<p><a-input placeholder="在此处输入章节标题" @change="onChangeInputchapterInfoTitle"></a-input></p>
</a-collapse-panel>
</a-collapse>
</div>
</div>
</template>
<script>
export default {
data() {
return {
chapterInfo: [
{
header: '第一章',
chapterInfoTitle: [
{
title: '第一节'
},
{
title: '第二节'
},
{
title: '第三节'
}
],
},
{
header: '第二章',
chapterInfoTitle: [
{
title: '第一节'
},
{
title: '第二节'
},
{
title: '第三节'
}
],
},
{
header: '第三章',
chapterInfoTitle: [
{
title: '第一节'
},
{
title: '第二节'
},
{
title: '第三节'
}
],
},
{
header: '第四章',
chapterInfoTitle: [
{
title: '第一节'
},
{
title: '第二节'
},
{
title: '第三节'
}
],
}
]
};
},
methods: {
onChangeInputchapterInfoTitle(){
}
}
};
</script>
<style></style>
0
打赏
收藏
点击回答
您的回答被采纳后将获得:提问者悬赏的 11 元积分
- 共 0 条
- 全部回答
-
後來我們都哭了 普通会员 1楼
在 Vue 中,你可以使用
v-model标签来双向数据绑定。以下是一个简单的例子:首先,我们需要在
data中定义一个数组,然后在created中初始化这个数组:javascript export default { data() { return { inputValue: '', inputValues: [] } }, created() { this.inputValues = this.$input.value.split(',') } }然后,你可以在模板中使用
v-model标签来绑定输入框的值,并在回显时显示所有输入框的值:```html
{{ inputValues }}
```
在
updateValues方法中,你可以将输入框的值添加到inputValues数组中:javascript methods: { updateValues() { this.inputValues.push(this.$input.value); } }这样,你就可以在输入框的值改变时,将新的值添加到
inputValues数组中,然后在回显时显示所有输入框的值了。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

