- 博客(2)
- 收藏
- 关注
原创 使用3种方法来实现简单的计算器计算
注意:这三种方法需要写在vue实例里边,运行出的效果都一样只是使用的方法不一样,重点在于对于三种方法的掌握和灵活运用,通过if语句对用户选择符号的判断来实现相应的加减乘除运算。使用select标签和option标签来实现加减乘除符号的选择, select标签为下拉列表,option标签中为选项。placeholder属性为提示文本,.number的作用为将输入的字符串转换成数字以方便进行计算。2.创建一个div标签,然后再写2个input标签,选择类型为text为输入框,以便输入数字。
2023-04-02 21:11:31 195 5
原创 使用 Vue 及自定义组件完成 图片表格的点击效果
6.可以通过给每一个图片所放置的div设置一个@click事件和v-show指令来实现图片的点击后隐藏和显示的效果,当我们页面不简洁的时候还可以通过组件来解决代码的繁琐。4.我们先写一个div标签,id为app,然后再写一个div标签class,content里边放置img图片。5.在template标签中添加了click事件和v-show指令,使用组件可以简洁代码。1.将图片分割成需要的大小(可以使用ps里面的切片工具)2.导入并连接vue.js文件,将图片导入img文件。
2023-03-22 09:42:33 199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人