本文主要是介绍uniapp项目 插件市场下载pdd-date-picker【年月日选择器】路径不对的问题,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
发现这个插件用起来很多问题 所以不建议大家用哈 换一个插件 如果时间在2014年之后 可以选择uviews里面组件 超级好用,如果在·2014年之前的 目前我还没有找到合适哈
从HBuilder插件市场下载pdd-date-picker年月日插件之后 按照t它的官方问的进行引入你会发现路径不对,我们需要再自己的项目中重新去查看一下路径
下面是官方文档给出的路径
import pddDatePicker from '../../components/pdd-date-picker/index.vue'
我们需要将上面的路径改成下面的
import pddDatePicker from '@/uni_modules/pdd-date-picker/components/pdd-date-picker/pdd-date-picker.vue'
下面是具体的内容
<template><view class="content"><button type="default" @click="open">打开选择器</button><text>当前选择时间是:{{ dateValue }}</text><!-- 日期选择器 --><pdd-date-picker ref="pDataSelect" @change="handleChangeDate" :title="title" /></view>
</template><script>// 这个路径有问题 他正常是// import pddDatePicker from '../../components/pdd-date-picker/index.vue'//这个是官网给出的路径 不对//我们可以到我们的项目src路径下看看是否在uni_modules中 我的项目是下载在这个路径下的import pddDatePicker from '@/uni_modules/pdd-date-picker/components/pdd-date-picker/pdd-date-picker.vue'export default {components: {pddDatePicker},data() {return {title: '自定义标题',dateValue: ''}},methods: {/*** @description 打开选择框*/open() {this.$refs.pDataSelect.open()},/*** @description 日期改变回调*/handleChangeDate(date) {console.log(date)this.dateValue = date}}}
</script>
这篇关于uniapp项目 插件市场下载pdd-date-picker【年月日选择器】路径不对的问题的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!