Skip to content

作用

  1. 生成一个全球唯一的 id。

  2. 方便前端在做死数据时,做 id 标识。

安装 nanoid 包

sh
npm i nanoid

使用

  1. nanoid 其实是一个函数,调用这个函数就可以获取到一个唯一的 id。

  2. 代码实现

    Vue
    <template>
    	<div></div>
    </template>
    
    <script>
    	import { nanoid } from 'nanoid'
    
    	export default {
    		name: 'App',
    
    		data() {
    			return {
    				list: [
    					{ name: '张三',age: 21 },
    					{ name: '李四',age: 20 },
    					{ name: '王五',age: 22 }
    				]
    			};
    		},
    
    		mounted() {
    			for(let prop of this.list) prop.id = nanoid();
    		},
    	};
    </script>
  3. 运行结果

基于 MIT 许可发布