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

发布时间:2024年01月13日

从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>
文章来源:https://blog.csdn.net/weixin_45041493/article/details/135565629
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。