Vant中ActionSheet组件引入出错

javascript xue8 352天前 434次浏览



我在Vue项目中引入Vant的ActionSheet组件,引入代码如下(在页面中,不是在main.js里)


import { ActionSheet } from \'vant\';

export default {
components: {
\'van-action-sheet\': ActionSheet,
},
data() {
return {
upload_thumb: false, //打开上传头像菜单
actions: [
{name: \'拍照\'},
{name: \'从手机相册选择\'}
]
}
},
methods: {
onSelect (item) {
console.log(item.name)
}
},
}

但在components里设置组件名的时候就报错


clipboard.png


请问是什么原因?怎么解决啊?





回答:

报错原因:这个vant组件里面找不到van-action-sheet
Vant描述
或删除再重新安装


0条回复
撰写答案