【vue开发问题-解决方法】(二)element UI日期控件失效

问题:在vue项目中使用elementUI,使用日期控件的时候出现错误

而正常情况下,点击日期控件会出现以下面板:

查看代码:与elementUI官网中的代码一致,绑定的数据也都是data:‘‘形式

然后又看了控制台输出的错误信息:堆栈溢出

网上查看这些信息都是js问题,但是vue的js和elementUI的js都是压缩版不能调试,因为vue和elementUI都是使用CDN引入的,所以猜想是否是elementUI的CDN引入文件错误,改用官网的网络链接,也没用。突发奇想将elementUI引入放到了vue前面,那更报错了。

解决方法:找了各种方法,所有的思路都是elementUI出错,依然没找到问题。所以又将vue的CDN引入换成了

<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<!-- <script src="static/lib/vue/vue.min.js"></script> -->

查看效果发现成功了!!!

现在追查原因,是vue的CDN引入文件为vue.min.js压缩版的文件,应该使用完整版的vue.js文件。

原文地址:https://www.cnblogs.com/qiuyueding/p/8989313.html

时间: 2024-11-05 21:37:21

【vue开发问题-解决方法】(二)element UI日期控件失效的相关文章

C#日期控件datetimepicker保存空值方法

方法一(推荐): 设置datetimepicker的属性ShowCheckBox为true 在窗口初始化时候,添加代码this.datetimepicker1.Checked = false; 保存日期值入库的时候,就可以根据if(this.datetimepicker1.Checked ==false),保存空值. 方法二: 在窗口初始化函数中添加: this.dateTimePicker1.Format=DateTimePickerFormat.Custom; this.dateTimePi

玩转Kendo UI:日期控件DatePicker(一)

---恢复内容开始--- 前言 因为工作原因,近来接触Kendo UI比较多,这期间利用它实现了一些功能,也遇到了一些坑,国内对于这个产品的介绍也不多,所以打算写一些文章,介绍一下Kendo UI,顺便记录下自己实现某些方案时遇到的问题及解决方案. Kendo UI 简介 Kendo UI是Progress软件公司旗下的一款UI工具包产品,具有灵活性强.控件丰富.功能强大等特点.目前工具包有支持jQuery.Angular.React.Vue等版本.由博主工作上只接触了jQuery版本,所以写文

【转】带checkbox的ListView实现(二)——自定义Checkable控件的实现方法

原文网址:http://blog.csdn.net/harvic880925/article/details/40475367 前言:前一篇文章给大家展示了传统的Listview的写法,但有的时候我们并不想在DataHolder类中加一个标识是否选中的checked的成员变量,因为在项目开发中,大部分的ListItemLayout布局都是大家共用的,有些人根本不需要checkbox控件,所以会在初始化的时候把这个控件给隐藏掉,但我们的DataHolder在构造的时候以及ListItemAdapt

Element Ui 日期选择器 范围限制 + value-format

Element Ui 日期选择器 范围限制 一个日期范围 // el-date-picker <el-date-picker v-model="value" type="date" placeholder="选择日期" :picker-options="pickerOptions"> // </el-date-picker> // 选择 今天或以后的日期(不包含今天则去掉下面 - 8.64e7) pic

当有“Button1.Attributes.Add(&quot;onclick&quot;, &quot;return confirm(&#39;你确定要保存修改吗?&#39;)&quot;);”时,验证控件失效的解决方法

同一个页面用Js和服务器验证控件OnClientClick提交问题 实现功能:        点击Button按钮的OnClientClick事件,不会影响服务器验证控件的验证功能                                                (验证不通过,则不提交服务器页面)背景:       1. 在同一个页面有服务器验证控件(RegularExpressionValidator),多个       2. 有Javascript函数,实现验证和其他功能    

17. Vue 使用Element-ui的国际语言插件i18n导致DatePicker日期控件英文错乱

先附上链接,详细请参考:https://blog.csdn.net/github_39532240/article/details/79192780 再来说说我的情况吧,因为项目需要语言的国际化所以就采用了Vue支持的i18n语言国际化,但是当使用了之后发现Element-ui组件的DatePicker日期控件发生英文错乱,如下图所示: 具体原因呢,是出在实现element插件的多语言切换的方法的使用上,如图所示: 之前的写法是上面注释掉的,解决方法呢就是下面那个了.改了之后,抱着忐忑的心情试了

Android嵌套滑动控件的冲突解决和ViewPager适配当前子控件高度不留空白的办法

最近项目有一个需求,需要多层可滑动控件的嵌套展示,demo效果如下,demo的下载地址在最后 咋一看好像挺简单啊,不就是一个ScrollView + ViewPager + ListView吗,我开始也这样觉得,也用的这种方式实现,结果始终和效果不对劲.这里总结几点问题: 两个或两个以上的滑动控件嵌套时,如果layout_height采用的是wrap_content会造成内部滑动控件的高度不能正确的计算,会导致内部滑动控件的高度始终为0,除非你用定值设置,比如300dp. 两个相同滑动方向的滑动

自定义的jquery ui树控件

简单的自定义jquery ui树控件,用于机构人员,支持自动加载下级节点数据 jQuery.widget("xway.Tree", { _Node: function(data) { this.id = data.type + "_" +data.id; this.trid = "tr_" + this.id; this.label = data.label; this.parent = null; this.tree = null; this.

UWP学习记录7-设计和UI之控件和模式4

UWP学习记录7-设计和UI之控件和模式4 1.翻转视图 使用翻转视图浏览集合中的图像或其他项目(例如相册中的照片或产品详细信息页中的项目),一次显示一个项目. 对于触摸设备,轻扫某个项将在整个集合中进行浏览. 对于鼠标,导航按钮显示在鼠标悬停位置上. 对于键盘,使用箭头键移动浏览该集合. 翻转视图最适合浏览小到中型集合中的图像(最多 25 个项目左右). 此类集合的示例包括产品详细信息页中的项目或相册中的照片. 虽然微软不建议将翻转视图用于大多数大型集合,但是该控件通用于查看相册中的个别图像.