Vue 指令之v-on的使用

Vue

v-on 指令用于监听 DOM 事件。v-on:click 可简写为 @click。修饰符:.stop 禁止冒泡、.once 只能触发一次。v-on绑定的事件方法中的this 自动绑定为当前 Vue实例

辰风沐阳 阅读 614 2020-06-29

Layui 扩展字体图标

Layui 前端UI框架

layui 目前(2020-06-28)提供了168个图标,但是很多时候这些图标中没有自己想要的,今天在项目中想找一个二维码的图标,但是在layui提供的图标中并没有,此时我们可以扩展图标(阿里巴巴矢量图标库 www.iconfont.cn)layui提供的图标也是取材于此。

辰风沐阳 阅读 1119 2020-06-28

Layui 按钮

Layui 前端UI框架

向任意HTML元素设定class="layui-btn",建立一个基础按钮。通过追加格式为layui-btn-{type}的class来定义其它按钮风格。内置的按钮class可以进行任意组合,从而形成更多种按钮风格。

辰风沐阳 阅读 870 2020-06-27

Layui 字体图标

Layui 前端UI框架

layui 的所有图标全部采用字体形式,取材于阿里巴巴矢量图标库(iconfont.cn)。因此你可以把一个 icon 看作是一个普通的文字,这意味着你直接用 css 控制文字属性,如 color、font-size,就可以改变图标的颜色和大小。

辰风沐阳 阅读 1110 2020-06-26

父元素透明度不影响子元素透明度解决方案

HTML CSS

父元素设置opacity:0.5,子元素会受到父元素opacity的影响,也会有0.5的透明度。即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。

辰风沐阳 阅读 847 2020-06-26

v-bind 绑定 class、style 属性

Vue

将 v-bind 用于 class 和 style 时,Vue.js 做了专门的增强。表达式结果的类型除了字符串之外,还可以是对象或数组。:class 对象语法的含义是 :class 后面跟的是一个对象,语法格式: {类名: 布尔值, 类名: 布尔值},这种方式用的比较多,数组语法则用的相对较少。过于复杂时可以将对象放在 computed、methods 中

辰风沐阳 阅读 683 2020-06-23

Vue 指令之v-bind指令绑定属性

Vue

指令 (Directives) 是带有 v- 前缀的特殊属性,Mustache语法不能作用在HTML属性上,遇到这种情况应该使用v-bind指令。v-bind 指令可简写为英文冒号(:)

辰风沐阳 阅读 598 2020-06-23

Vue 指令之插值 v-text、v-html、v-once

Vue

Vue 指令之插值Vue 指令之插值,也可以使用 v-text、v-html指令进行插值。因为vue是双向绑定,数据一旦发生改变,插值处的内容将自动改变;使用 `v-once` 指令使其一次性插值,则数据改变不会影响插值处的内容

辰风沐阳 阅读 745 2020-06-23

Vue 实例、el、data

Vue

Vue实例也代理了data对象上所有的属性,所以访问vm.name等价于访问vm.$data.name,Vue实例挂载的模板可以通过vue实例的$el属性访问。el属性用于选择一个dom元素作为Vue实例(对象)的挂载目标

辰风沐阳 阅读 597 2020-06-22

Layui 数据表格重载

Layui 前端UI框架

表格重载可用于刷新表格,筛选表格数据,Layui 数据表格重载可以根据容器的实例或ID进行表格重载,本文仅记录表格重载的基本用法

辰风沐阳 阅读 1296 2020-06-18