js元素聚焦(vue)

一、js元素聚焦(vue)

1、其实聚焦本质上还是调用js的原生方法 focus()，也就是说如果你想要某个DOM节点聚焦，只需要它调用这个方法就可以

2、当弹窗打开时，自动聚焦到 input输入框。

3、看似很简单，但是有两个容易出问题的地方：

4、当弹窗的开关变量为true时，你让相应的元素聚焦，但此时可能弹窗并没有渲染完成

5、当你使用第三方组件的 Input输入框时，你为这个输入框标记了 ref，但是获取到的是这个组件，而并不是组件中的 input

6、而你使用原生的 input元素则不会有这个问题

二、js 如何用splice往数组中插入元素

1、unshift：将参数添加到原数组开头，并返回数组的长度

2、pop：删除原数组最后一项，并返回删除元素的值；如果数组为空则返回undefined

3、push：将参数添加到原数组末尾，并返回数组的长度

4、concat：返回一个新数组，将参数添加到原数组中构成splice(start,deleteCount,val1,val2,...)：从start位置开始删除deleteCount项，并从该位置起插入val1,val2,...

6、sort(orderfunction)：按指定的参数对数组进行排序

7、slice(start,end)：返回从原数组中指定开始下标到结束下标之间的项组成的新数组

var arrayObj= new Array();//创建一个数组

var arrayObj= new Array([size]);//创建一个数组并指定长度，注意不是上限，是长度

var arrayObj= new Array([element0[, element1[,...[, elementN]]]]);创建一个数组并赋值 2、数组的元素的访问

var testGetArrValue=arrayObj[1];//获取数组的元素值

arrayObj[1]="这是新值";//给数组元素赋予新的值

arrayObj. push([item1 [item2 [... [itemN ]]]]);//将一个或多个新元素添加到数组结尾，并返回数组新长度

arrayObj.unshift([item1 [item2 [... [itemN ]]]]);//将一个或多个新元素添加到数组开始，数组中的元素自动后移，返回数组新长度

arrayObj.splice(insertPos,0,[item1[, item2[,... [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置，插入位置的元素自动后移，返回""。

arrayObj.pop();//移除最后一个元素并返回该元素值

arrayObj.shift();//移除最前一个元素并返回该元素值，数组中元素自动前移

arrayObj.splice(deletePos,deleteCount);//删除从指定位置deletePos开始的指定数量deleteCount的元素，数组形式返回所移除的元素

arrayObj.slice(start, [end]);//以数组的形式返回数组的一部分，注意不包括 end对应的元素，如果省略 end将复制 start之后的所有元素

arrayObj.concat([item1[, item2[,... [,itemN]]]]);//将多个数组（也可以是字符串，或者是数组和字符串的混合）连接为一个数组，返回连接好的新的数组

arrayObj.slice(0);//返回数组的拷贝数组，注意是一个新的数组，不是指向

arrayObj.concat();//返回数组的拷贝数组，注意是一个新的数组，不是指向

arrayObj.reverse();//反转元素（最前的排到最后、最后的排到最前），返回数组地址

arrayObj.sort();//对数组元素排序，返回数组地址

arrayObj.join(separator);//返回字符串，这个字符串将数组的每一个元素值连接在一起，中间用 separator隔开。

toLocaleString、toString、valueOf：可以看作是join的特殊用法，不常用。