vue
是梦梦啊
只要我够勤快,咸鱼总会翻身哒!
展开
-
没有package.json文件 saveError ENOENT: no such file or directory, open ‘D:\mobx-test\package.json‘
报错如图:分析:我运行的是npm i -y,单词拼写错误(/ω\)解决办法:npm init -y ,就可以啦!原创 2020-11-20 11:04:35 · 257 阅读 · 0 评论 -
vue中mixin混入
官方解释:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。理解:mixins在引入组件之后,将组件内部的方法data,methods与父组件进行合并。在引入后,如组件可以直接调用。方法的覆盖:1.如果在引用mixins的同时,在组件中重复定义相同的方法,则 mixins中的方法会被覆盖。2.同名钩子函数将混合为一个数组,因此都将被调用。另外,混合对象的钩原创 2020-09-21 16:48:04 · 192 阅读 · 0 评论 -
Vue遇到的报错,[Vue warn]: Invalid prop: custom validator check failed for prop “XXX“
1.[Vue warn]: Invalid prop: custom validator check failed for prop “XXX”.根据报错提示,发现是引用的el-progress报错,发现自己的代码中的status报错了:查看elementui的官方文档,发现status的状态中是没有text的...原创 2020-07-24 17:40:10 · 4701 阅读 · 0 评论 -
elementui分页选择器el-pagination的bug,可使用current-page.sync解决
参考文章:https://blog.csdn.net/zxwbkzh/article/details/78965309在某个列表页,我点到第四页,然后选择其中某条数据进行编辑,打开编辑弹窗,编辑点确定后期望: 列表刷新,展示第一页数据,最下面也展示在第一页实际效果:数据是刷新到了第一页的数据,但是最下面展示仍然在第四页,如下图:最开始我想的是直接修改el-pagination的curre...原创 2020-07-24 17:26:47 · 7317 阅读 · 0 评论 -
vue自定义指令
官方解释:这里有详细的介绍,https://cn.vuejs.org/v2/guide/custom-directive.html原创 2020-06-15 17:13:04 · 142 阅读 · 0 评论 -
踩坑记录Referrer Policy: no-referrer-when-downgrade
emmm,百度翻译:降级时无推荐人,好吧,这是什么鬼最后总结下来,应该是跨域问题,解决方法:使用nginx, 前端代码打包把dist文件的东西放到…\nginx-1.16.1\html目录下…接口就能调通了不知道还有没有别的办法,因为这个是我临时接手的项目,暂时是这样做的…...原创 2020-06-04 17:33:02 · 7293 阅读 · 0 评论 -
vue-router.min.js:6 Error: Loading chunk 2 failed. at HTMLScriptElement.a (b
点击某个按钮,没有跳转到对应的页面,出现了报错:vue-router.min.js:6 Error: Loading chunk 2 failed. at HTMLScriptElement.a (b于是,百度了很久…看到一个回答:这个通常是由于webpack打包重命名了改动过的css和js文件,并且删除了原有的文件,然后有两种场景:1.用户正在浏览页面时你发包了,并且你启用了懒加载,这个时候用户的html文件中的js和css名称就和你服务器上的不一致,导致这个错误2.用户浏览器有html的缓存原创 2020-06-04 11:12:18 · 1958 阅读 · 0 评论 -
Vue.use()和vue.prototype.$xxx
vue.use()官方说明:”用于安装 Vue.js 插件。如果插件是一个对象,必须提供 install 方法。如果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。当 install 方法被同一个插件多次调用,插件将只会被安装一次。“总结:插件对象必须要有install初始化插件对象需要通过vue.use()vue.prototy...原创 2020-04-08 15:40:05 · 443 阅读 · 0 评论 -
v-html的用法
预期:string详细:更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。在网站上动态渲染任意 HTML 是非常危险的,因为容易导致 XSS 攻击。只在可信内容上使用 v-html,永不用在用户提交的内容上。在单文件组件里,scoped 的样式不会应用在 v-h...原创 2020-03-19 10:14:38 · 4658 阅读 · 0 评论 -
vue踩坑 Error in mounted hook: "Sortable: `el` must be an HTMLElement, not [object Null]"
因为项目需要表格实现拖拽排序效果,最开始选用了sortable.js我的列表视图有两种方式,一种是表格方式的,一种是图示视图。我用的v-if来控制显示表格和视图的显示方式。一开始的时候,我默认显示的是表格形式,是没有这个报错的后来我把初始化的视图改成了图示的,就报了上图的错…感觉应该是v-if的原因,el-table这时候是没有加载的,但是我在mounted函数里调用了sortable...原创 2020-03-12 17:07:52 · 12787 阅读 · 2 评论 -
vue里video的src更新了,视图不更新
解决办法,把video里的source去掉,直接把src动态绑定到video上就可以了,另一种办法,this.nextTick()里去操作,具体的没有去试this.nextTick()里去操作,具体的没有去试this.nextTick()里去操作,具体的没有去试this.nextTick()主要用在随数据改变而改变的dom场景中,...原创 2020-02-17 15:41:10 · 1134 阅读 · 2 评论 -
access 'xxxx\node_modules\extglob\node_modules\extglob\node_modules\is-extglob'
一开始是用npm安装的包,,,然后换成了cnpm安装就不报错了安装完后再启动就能把项目跑起来了。。我也不知道怎么回事,之前试过删了node_modules重新安装依赖,各种百度,结果最后就是把npm换成cnpm就ok了...原创 2020-02-10 15:31:54 · 266 阅读 · 0 评论 -
v-if影响element-ui表单验证
最近写项目发现了一个坑,自定义的校验不起作用,如下图,两个input框,只有一个校验生效,另一个不生效。第一反应是我单词是不是写错了,检查了几遍确认没问题最后终于发现了。。。是v-if的原因,改成v-show就行了因为我在两个input框外层,加了一个v-if判断,导致有的校验失败。这个问题解决了,另一个问题来了,表单校验问题解决了,可是改成v-show以后,v-show为fa...原创 2020-01-13 10:19:24 · 2043 阅读 · 0 评论 -
Error in v-on handler: "TypeError: _vm.shortDomain is not a function"
报错图如上,百度了之后发现,data里的属性和方法名重名了,重新改个方法名就可以了。原创 2019-07-01 19:49:42 · 8162 阅读 · 0 评论 -
Vue安装(写给自己看的技术博客)
先检查是否安装过:npm list -g -depth=0再npm i vue -gnpm i vue/cli -gvue init webpack 项目名字原创 2018-10-25 11:12:52 · 162 阅读 · 0 评论