vue 删除数组元素.vscode 打开多个文件夹。vue 单页面 刷新 不同 样式。vue 获取dom元素

时间:2021-10-20 17:08:21

vue 删除数组元素

 this.tableData.splice(index,1);

==

vscode 打开多个文件夹

在任务栏上打开,就是新窗口了。

vue 删除数组元素.vscode 打开多个文件夹。vue 单页面 刷新 不同 样式。vue 获取dom元素

==

vue 单页面刷新 不同 样式

如果是 .vue 后缀的组件,可以在style 标签上加一个无值属性 scoped,

 

Scoped是一种方式,但是并不能解决所有问题,比如v-html中的就不在scope中,<slot>的支持也只有2.0的loader才支持。而且scoped方式是Vue特有,如果你使用其他框架,就得另寻方式了。

 

所以,最好是做好的CSS设计,

 

这个可选 scoped 属性会自动添加一个唯一的属性 (比如 data-v-21e5b78) 为组件内 CSS 指定作用域,也就是给你定义的名字前加一串哈希值,编译的时候 .list-container:hover 会被编译成类似.list-container[data-v-21e5b78]:hover。

 

有些页面,在跳转时页面的样式并没有加载,而是沿用了前一个页面的,或者前面已经加载过页面的样式。一开始觉得很奇怪,后来想了想,这是个单页面应用。是不是样式的id 或者 class 冲突了,一看果然是冲突了。要是同样的样式,前面已经加载过了,浏览器在跳到下个页面相同的样式就不会再加载了。在起名的时候可以自行区分,

在页面跳转的时候总有几个页面,在跳到该页面时样式全错位了,但是刷新一下就又好。

==

vue 获取dom元素

在vue中可以通过给标签加ref属性,就可以在js中利用ref去引用它,从而操作该dom元素,

在vue中获取dom元素 - CSDN博客

==