C②参数管理:修改删除;空格分隔的字符串渲染成标签;动态编辑标签;删除标签

修改参数-共用一个

修改的框和添加的框差不多呢-抄过来

插槽传参,保存数据,v-model绑定改的数据,验证表单valid 并 发起请求+刷新页面

删除


空格分隔的字符串渲染成标签

想办法变成数组,再for循环就方便成标签了


在这里↓变数组

细节:

因为↓

解决:

动态编辑标签

需要放在template内部,不然那些绑定的变量用不了



问题:

因为绑定的visable值,model值同时发生变化

∴每行数据单独给这两个值
获取参数的函数↓



文本框自动获取焦点


按下去依旧是button按钮,还不是input输入框,nextTick重新渲染后得到input输入框

文本框失去焦点,重现按钮并删除上次编辑的内容(直接置零)

.trim()函数:去掉字符串两端的空格
这行添加标签的实质:给那行的哪个属性数组加个元素,用push就行

正式提交标签

删除标签

close事件
删除数组最后一个元素--用splice

posted @ 2022-01-16 19:07  ice猫猫3  阅读(82)  评论(0编辑  收藏  举报