切割单位，进行单位换算(在小数点后面有超过三位数字时，四舍五入保留三位小数):
- str.split.('a'), 当a不存在的时候，就会生成只有一个元素的数组，当str就是a的时候就会生成长度为2的数组，['','']
storage_filter(storage) {
const split = /(-?[0-9.]+)\s*(.*)/.exec(storage);
console.log(split);
const unit = split[2];
const amount = split[1];
let result;
if (unit === 'Gi') {
result = amount / 1;
} else if (unit === 'Mi') {
result = amount / 1024;
} else if (unit === 'm') {
result = amount / 1024 / 1024 / 1024 / 1000;
}
console.log(result);
if (result.toString().split('.')[1] && result.toString().split('.')[1].length > 3) {
result = result.toFixed(3);
}
result = `${result} GiB`;
return result;
},
split
vue2中监听函数的写法
rows: {
immediate: true,
handler(rows) {
console.log（rows）
},
},
父传子的数据，子不宜直接进行改变，但是又要实现双向绑定
解决方法：
- 父
<GBform v-bind="searchFormConfig" v-model="formData"/>
const formData = reactive({
id: '',
name: '',
password: '',
sport: '',
createTime: ''
})
- 子
props: {
modelValue: {
type: Object,
required: true
}
},
emits: ['update:modelValue'],
setup(props, { emit }) {
const formData = ref({ ...props.modelValue })
watch(
formData,
(newValue) => {
console.log(newValue)
emit('update:modelValue', newValue)
},
{
deep: true
}
)
return {
formData
}
}
element表单里面卡插槽
data
往插槽里放东西
注册全局函数之Utc时间格式化
-
实现全局类
-
格式化方法实现
方法名字符串拼接的时候，要求中间拼接的字符串首字母大写
- 将一个字符串首字母转换成大写的方式
function firstToUpper1(str) {
//先去掉字符串两边的空格---全部转换成小写--将首字母大写之后进行覆盖
return str.trim().toLowerCase().replace(str[0], str[0].toUpperCase())
}
//注意哦，这里的字符串前后是有空格的
let arr = ' agfgfvsgv '
const result = firstToUpper1(arr)
console.log(result)
- 实现字符串的翻转
let str = 'ghsahv'
//先将字符串转换成数组，调用反转函数，然后再拼接成字符串
let newStr = str.split('').reverse().join('')
//newStr
console.log(newStr)
- 实现数组去重
var str = 'asdffgwqqwssaxcvfghhdqwsda'
function quchong(str) {
var newStr = ''
for (var i = 0, len = str.length; i < len; i++) {
//（str.indexOf(str[i]) == i） 也行哦
if (newStr.indexOf(str[i]) == -1) {
newStr += str[i]
}
}
return newStr
}
console.log(quchong(str))
跨级使用插槽
image.png
