美文网首页
vue 一些使用小方法

vue 一些使用小方法

作者: 小娜同学 | 来源:发表于2022-10-26 18:15 被阅读0次

1.如何判断字符是***开头 startWith(),可以用来检测地址

let str = 'https://asasd.com';
let str1 = 'file://e/ds/ada/';
console.log(str.startsWith('https')); // true
console.log(str1.startsWith('https')); // false

2.同样判断是否是*** 结尾 endsWith() (可以检测上传格式
3.字符串重复,srt.repeat()

let data = '哇咔咔'
console.log(data.reeat(10)) // 10 数字 代表重复几次
  1. 删除某个元素,
let data = {name: '姓名',age:'18'}
this.$delete(data,'name')
console.log(data) // {age:'18'}
  1. 小程序 图片列表 之间有缝隙 解决方法,可以用 font-size:0 可以解决
  2. 查找某个元素,是否存在 includes()findIndex() indexOf() lastIndexOf(),
let data = ['1','2','3','4','5','6','7']
// includes 检测数组是否包含某元素,返回Boolean类型
console.log(data.includes('2')) // true
// findIndex 检测数组是否包含某元素,返回int 类型
console.log(data.findIndex(item=> item=== '2')) // 有值返回 1 没有值返回 -1
// indexOf 检测是否存在元素,有则返回下标
console.log(data.indexOf('1'));  // 0 返回的是下标 没有查到 则返回-1
//lastIndexOf()  查找指定元素的最后一个索引,不存在返回-1,有值返回下标
let data1 = ['1','2','3','4','5','1','7']
console.log(data1.lastIndexOf('1'));  // 5 

7 数组合并concat() ,数组克隆

// 数组合并
let arr1 = [1,2]
let arr2 = [3,4]
let arr3 =arr1.concat(arr2)
console.log(arr3) // [1,2,3,4]
let arr4 = [... arr1,...arr2]
console.log(arr4) // [1,2,3,4]
// 数组克隆
let data1 = ['小名','小花']
let copy = [... data1]
console.log(copy) // ['小名','小花']

相关文章

  • vue Vuex axios 相关资料

    vue中文文档 使用Vuex详解 vue-router 基本使用 vue全局使用axios的方法 vue 父子组件...

  • Promise用法

    使用方法 vue中使用

  • 复用那些事(Vue 版)

    这期讲讲 vue 开发中常用到的一些方法复用小技巧。 Plugins 插件开发其实就是给 Vue 原型链添加方法以...

  • uniapp—通过挂载 Vue.prototype来自定义并引用

    将一些使用频率较高的常量或者方法,直接扩展到 Vue.prototype 上,每个 Vue 对象都会“继承”下来。...

  • vue一些注意事项

    对数据修改时一些对象和数组方法可能不会引起vue的动态响应,对此vue提供了一些替换方法,所以避免使用那些不能及时...

  • Vue构建

    Vue函数使用的是ES5的语法而不是 Class,因为定义Vue之后,还会往Vue的原型上挂载一些方法,那么这些方...

  • Vue.use() 注册插件(个人笔记)

    Vue.use是什么? 官方对 Vue.use() 方法的说明:通过全局方法 Vue.use() 使用插件,Vue...

  • vue-meta使用方法

    vue-meta使用方法 本文介绍Vue3中vue-meta的使用方法 meta标签用于设置HTML的元数据(描述...

  • Vue-Router核心实现原理

    如何在vue中使用vue-router? 1.Vue使用插件,即调用Vue的use方法; 2.实例化router,...

  • 全局组件与局部组件

    一、全局组件的注册方法1)直接使用Vue.component 2)使用Vue.extend配合Vue.compon...

网友评论

      本文标题:vue 一些使用小方法

      本文链接:https://www.haomeiwen.com/subject/owbuzrtx.html