1、使用npm工具安装:
npm i -save lodash \\全局安装
2、在vue中导入使用
<template>
<el-cascader
v-model="goods_cat"
:options="cateList"
:props="cateProps"
@change="handleChange"
></el-cascader>
</template>
<script>
import _ from 'lodash' //导入loadsh插件
export default {
data() {
return {
goods_cat: []
}
},
methods:{
add() {
// 深拷贝lodash cloneDeep(obj)
const form = _.cloneDeep(goods_cat)
form = form.join(',')
console.log(form)
})
}
}
}
</script>
在上面的示例中我运用了lodash中的深拷贝方法,此处使用深拷贝的原因是:
在data中goods_cat动态绑定到级联选择器的v-model中,且goods_cat数据类型为数组,当想将goods_cat以字符串形式打印出来时,编译器会报错。
错误为级联选择器中goods_cat的数据类型错误,所以动态绑定的数据需要复制出一份,且与原来的goods_cat不相关
这时就需要用到loadsh中的cloneDeep深拷贝方法