无涯教程网

Vue.js 组件中的随机datav*属性

发布于03月10日

在使用Vue.js进行实验时，我注意到的第一件事是，我定义为single file component并包含为自定义元素的组件的每个实例如何获得一个随机散列属性，如data-v-58fd7087="".

给定组件的每个实例的每个DOM元素都会得到相同的哈希值
散列是独立于路由生成的
在两次调用之间，散列是稳定的
在组件的名称更改之间，哈希是稳定的
散列不会存储/生成在磁盘上
因此，哈希是动态生成的

它是由我的Vue设置中的Karma或Webpack生成的吗？

这个散列(属性)是何时以及如何生成的？
为什么会生成哈希(属性)？

推荐答案

将scoped CSS与Vue Loader一起使用时也会发生类似的情况.

我使用有范围的css，我有data-v-4646bc3c个属性，所以我想就是这样.

如果不需要此功能，请try 从单个文件组件中删除scoped属性.

<style scoped>
/* local styles */
</style>

Vue.js相关问答推荐

无论条件解析为假，V-If元素都会显示

在VueJS中卸载元素之前是否应该删除JavaScript事件收件箱？

为什么在Vue.js中修改非react 性似乎是react 性的？

无法在cPanel/SSH上构建｜ Laravel + Vue优化

在 Vuejs 中更新 Chartjs 图表数据集

纵横比元素溢出容器

如何将字符串中的
解析为 VUE.js 中的 html 标记

在 VueJS 中存储图像的正确位置是什么 - 公共文件夹或assets文件夹？

Vue.js 开发工具未显示

如何将 axios/axios 拦截器全局附加到 Nuxt？

为什么 Vue 路由/Webpack 开发服务器现在在页面刷新时显示无法获取/路径？

在textbox文本框 VueJS 2 中键入时搜索列表

Vuetify 容器不会填充高度

加载和渲染时对象值上的 Vue.js 未定义错误

数据更新后触发 Vue.js 事件

Laravel 中的 VueJS 组件实现中的鼠标悬停

Vue router路由，Root Vue 没有数据？

Vuejs：我应该在 vue-router SPA 中的哪里放置一些常用的 js 工具？

在 vue.js 组件中react this.props.children

在 VueJS 中观察元素的高度

实用课程推荐

相关教程推荐