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