初夏七鹿 2021-11-11 11:57 采纳率: 81.3%
浏览 62
已结题

用Textarea渲染对应的列表中??

img

问题:用左边输入框 输入内容  对应到右边不同的列表中 
用换行符 拆分单行 左边改动右边跟着改动
这能实现吗?怎么做呢**** 求大lao解答 ji ji ji****

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-11-11 12:12
    关注

    textarea不是加input 事件slit拆成数组后,右边v-for遍历下?大概写了个示例

    img

    <style>
        textarea{outline:none}
        .item{border:solid 1px #ccc;margin-bottom:3px}
        .item .text{display:inline-block;width:100px;height:30px;padding:5px}
        .item select{height:50px;border:none;border-left:solid 1px #ccc;width:30px;}
    </style>
    <div id="app">
        <table>
            <tr>
                <td valign="top">
                    发送内容<br />
                    <textarea style="width:200px;height:300px" @input="split"></textarea>
                </td>
                <td>--></td>
                <td valign="top">
                    <div v-for="(item,index) in list" class="item">
                        <div class="text">{{item}}</div>
                        <select v-bind:disabled="index==0"></select>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        new Vue({
            el: '#app',
            data: { list: [] },
            methods: {
                split(e) {
                    console.log(e.target.value)
                    this.list = e.target.value.split('\n')
                }
            }
        })
    </script>
    

    有帮助麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 11月19日
  • 已采纳回答 11月11日
  • 创建了问题 11月11日

悬赏问题

  • ¥20 完全没有学习过GAN,看了CSDN的一篇文章,里面有代码但是完全不知道如何操作
  • ¥15 使用ue5插件narrative时如何切换关卡也保存叙事任务记录
  • ¥20 软件测试决策法疑问求解答
  • ¥15 win11 23H2删除推荐的项目,支持注册表等
  • ¥15 matlab 用yalmip搭建模型,cplex求解,线性化处理的方法
  • ¥15 qt6.6.3 基于百度云的语音识别 不会改
  • ¥15 关于#目标检测#的问题:大概就是类似后台自动检测某下架商品的库存,在他监测到该商品上架并且可以购买的瞬间点击立即购买下单
  • ¥15 神经网络怎么把隐含层变量融合到损失函数中?
  • ¥15 lingo18勾选global solver求解使用的算法
  • ¥15 全部备份安卓app数据包括密码,可以复制到另一手机上运行