button显示文字_6-5【微信小程序全栈开发课程】记录页面（五）--隐藏显示文本框...

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后全栈程序媛₍ᐢ •⌄• ᐢ₎一枚~ 热爱学习！热爱编程！
可关注【猫宁一】公众号领取我所有全栈项目代码哦~ 点击查看课程目录：微信小程序全栈开发课程目录