- 博客(2)
- 收藏
- 关注
RSS订阅原创 使用vue实现计算器
1.1在html中用div定义两个输入，使用两个v-model绑定输入的两个输入值，option实现下拉框，用来选择加减乘除，并用number改变输入值为数字类型。1.2添加按钮并设置点击事件。1.3写methods方法内容：使用switch语句，根据opt变量的不同会执行加减乘除中的一种，直接将结果给result。1.4效果图。
2023-04-02 17:52:47
868
1
原创 使用Vue实现5×5图片的点击切换
使用弹性布局display:flex，用flex-wrap:wrap实现换行，justify-content: space-around;首先把切图后的一张图片img宽度设为160px,高度设为86px，防止因为图片大小不均，造成一行放不下，以及影响效果的实现；template标签是其内容隐藏在客户端之外 该内容在加载页面是不会呈现，不会渲染出任何信息 相当于自带属性。img是变量，arraying有多少个元素，就会生成多少个long盒子。v-bind就是用于，绑定数据和元素属性。
2023-03-21 00:36:11
343
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人