摘要: 父级 //改变盒子模型display:flex //排列方向左右row;上下column; flex-direction:row、column、row-reverse、column-reverse //是否换行显示默认:nowrap flex-warp:nowrap、wrap、wrap-revers 阅读全文
posted @ 2021-01-08 16:27 人才不才 阅读(91) 评论(0) 推荐(0) 编辑
摘要: slot 基本使用 1插槽的基本使用<slot></slot> 2.插槽的默认值<slot><button></button></slot> 具名插槽slot 在slot标签上添加 name=‘left’ 。在组件中添加slot=‘left’ 阅读全文
posted @ 2020-11-26 15:34 人才不才 阅读(75) 评论(0) 推荐(0) 编辑
摘要: watch:用于监听数据的改变 1 data:{ 2 3 name:' 4 5 '} 6 7 watch:{ 8 9 name(newValue, oldValue) { 10 //改变后的值,和改变前的值 ;和v-model效果一样 11 12 } 13 14 } 阅读全文
posted @ 2020-11-22 19:48 人才不才 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 一、计算属性 1.1计算属性的本质 fullname:{set(),get()} 1.2计算属性和methods对比 计算属性多次使用,只会调用一次,有缓存的 二、事件监听 2.1事件监听基本使用 2.2参数问题 btnClick 没有参数写法 btnClick(event) 默认会有event对象 阅读全文
posted @ 2020-11-13 15:02 人才不才 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 组件化: 任何应用都会被抽象成一种树结构 主见使用三步骤 1.创建组件构造器 调用Vue.extend()创建组件构造器 2.注册组件 调用Vue.component('a','b')方法注册组件 :一个参数a-注册组件的标签名;另一个参数b-组件构造器名称 3.使用组件 在Vue实例的作用范围内使 阅读全文
posted @ 2020-11-13 14:44 人才不才 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 1 . 基本使用和原理 使用v-model指令来实现表单元素和数据的双向绑定 v-model也可以用于textarea元素 原理,包含了两个操作 一、v-bind绑定一个value元素 二、v-on指令给当前元素绑定input元素 1 <input type="text" v-model="mess 阅读全文
posted @ 2020-11-08 22:36 人才不才 阅读(377) 评论(0) 推荐(0) 编辑
摘要: 1.v-if v-else-if v-else 2.小问题 用户登录案例<br> <span v-if ="isUser"> <label for="username">用户账号:</label> <input type="text" id="username" placeholder="用户账号" 阅读全文
posted @ 2020-11-06 17:29 人才不才 阅读(1014) 评论(0) 推荐(0) 编辑
摘要: 1.v-on 作用:绑定事件监听器 缩写:@ 预期:Function | Inline Statement (表达式) | Object 参数:event 2.参数问题 情况一:如果该方法不需要额外参数,name方法后就可以不添加() 注意:如果方法本身中有一个参数,那么会默认将原生事件event参 阅读全文
posted @ 2020-11-04 16:59 人才不才 阅读(178) 评论(0) 推荐(0) 编辑
摘要: 问题描述 qrcode生成的二维码,在苹果等手机上长按可识别,在华为手机上长按没有反应,截图保存下来长按又可以识别。 问题原因 浏览器兼容问题qrcode在页面生成二维码时,会生成一个canvas标签和一个img标签。在电脑浏览器上调试的时候,发现生成二维码之后canvas标签是会自动隐藏的,然后展 阅读全文
posted @ 2020-11-03 12:15 人才不才 阅读(1109) 评论(0) 推荐(0) 编辑
摘要: 遇到的问题:后端返回的是base64格式的图片,前端拿到返回体后进行拼接展示在img标签上,微信长按图片进行保存,发现苹果长按保存成功,安卓长按保存后相册中保存的图片时黑色的(且提示格式损坏) 解决办法,使用html2canvas插件进行重新绘制,根据设备来选择渲染方法 1.下载html2canva 阅读全文
posted @ 2020-11-02 16:59 人才不才 阅读(1689) 评论(0) 推荐(0) 编辑