.lazy
v-model 在每次 input 事件触发后将输入框的值与数据进行同步 。可以添加 .lazy 修饰符,转为在 change 事件之后进行同步
<!-- 在“change”时而非“input”时更新 -->
<input v-model.lazy=...
4年前 (2021-09-17)
喜欢
input输入框在 type="number" 时,HTML 输入元素的值也总会返回字符串,这时候可以通过修饰符.number来将input里的值转为数字。
<input v-model.number="age" type="...
4年前 (2021-09-17)
喜欢
给v-model 添加 trim 修饰符可以实现过滤用户输入的首尾空白字符
<input v-model.trim="msg">
...
4年前 (2021-09-17)
喜欢
首字母大写capitalize
/* 首字母大写 */
text-transform: capitalize;
字母全部大写uppercase
/* 全部大写 */
text-transform: uppercase;
字母全部小写lowercase
/* 全部小写...
4年前 (2021-09-16)
喜欢
lowercase
/* 全部小写 */
text-transform: lowercase;
}
...
4年前 (2021-09-16)
喜欢
uppercase
/* 全部大写 */
text-transform: uppercase;
...
4年前 (2021-09-16)
喜欢
capitalize
/* 首字母大写 */
text-transform: capitalize;
...
4年前 (2021-09-16)
喜欢
italic
通过使用italic实现文字的倾斜,当然也可以使用标签来实现,比如html标签em默认文字就是倾斜的。
font-style: italic;
当我们想让倾斜的文字恢复正常,比如em不想让em标签倾斜
em {
font-style: normal;
...
4年前 (2021-09-16)
喜欢
css权重从低到高排序
规则
粒度
*
0000
标签,伪元素
0001
class,类属性值
0010
ID
0100
行内样式
1000
*< 标签,伪元素< class,类属性值< ID <行内样式
如果需要提升...
4年前 (2021-09-16)
喜欢
演示地址:
点击右下角布防时间查看效果
组件
<template>
<div class="c-weektime">
<div class="c-schedue"></div>
...
4年前 (2021-09-15)
喜欢