1、添加data变量
编辑RecordList.vue文件的data函数,添加三个变量:ellipsis、note、src
其中ellipsis用来控制添加或者编辑文本框显示、note是添加或者编辑文本框中的文本(note默认为记录数据里面的备注)、src是编辑按钮图片链接
data
2、添加方法
在标签中创建methods函数,添加changeEllipsis、cancel方法
changeEllipsis方法用来修改变量ellipsis,从而控制文本框是否显示
cancel用来修改ellipsis,同时将note重置为修改前的状态
//参考数据,无需粘贴
3、添加页面代码
编辑RecordList.vue文件的template部分
<
4、测试效果
作者:猫宁一 95后全栈程序媛₍ᐢ •⌄• ᐢ₎一枚~ 热爱学习!热爱编程!
可关注【猫宁一】公众号领取我所有全栈项目代码哦~ 点击查看课程目录:微信小程序全栈开发课程目录