uniapp项目插件市场下载pdd-date-picker【年月日选择器】路径不对的问题-Toy模板网

这篇具有很好参考价值的文章主要介绍了uniapp项目插件市场下载pdd-date-picker【年月日选择器】路径不对的问题。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

**发现这个插件用起来很多问题所以不建议大家用哈换一个插件 **
给大家推荐uniapp自带的日期插件也超级好用

uniapp自带的日期插件

如果想修改路径的可以参考这个

从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'

下面是具体的内容文章来源地址https://www.toymoban.com/news/detail-794544.html

<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>