vue
文章平均质量分 81
sunqy1995
这个作者很懒,什么都没留下…
展开
-
[解决]Sass Loader has been initialized using an options object that does not match the API schema
Invalid options object. Sass Loader has been initialized using an options object that does not match the API schema.问题在配置scss全局配置文件的时候出现了错误,sass-loader v7 以上的版本,将选项名从 data 更改为 prependData,修改完成后发现还是有问题,通过排查发现在项目中只使用了scss,再配置的时候配置了scss sass,将sass配置删除就好用了c原创 2020-09-15 11:17:29 · 11484 阅读 · 1 评论 -
iview中的form表单进行多层嵌套对象的校验
iview的form表单校验iview是常用的vue的ui组件,其中实现了许多的功能,其中一个最常用的还是表单功能,iview自带了表单的校验功能,在保存的时候通过调用validate方法就可以进行表达校验。将form中绑定的值放在model上面,将每个需要进行校验的规则写在rules中在form-item的prop上写上相应的键值在需要校验的时候调用validate方法进行规则校验...原创 2020-04-27 22:51:32 · 4732 阅读 · 3 评论 -
'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件。报错
最近在进行vue项目的初始化过程中出现错误,发现有一篇好的解决方案,分享给大家,原文连接 第一种方法尝试进行npm install,如果还是不可以就尝试第二种方法,通常是没有装依赖导致的问题。第二种方法可以通过修改npm的配置文件让npm到另外的pacakge mirror站点去找package,通过如下命令$ npm config set registry https://...转载 2018-08-04 11:04:04 · 26223 阅读 · 8 评论 -
vue-router如何进行路由的动态添加
安装 npm install vue-router –save使用需要在进行页面切换的地方添加* *进行页面的切换。1.页面路由跳转//页面中使用下面语句代替a标签实现跳转,在写完标签后还需要在router中写下以下语句 <router-link to="/foo">Go to Foo</router-link&g原创 2018-07-27 19:11:39 · 21653 阅读 · 2 评论 -
vue数据绑定原理
关于数据绑定在前端开发中使用MV*模型的时候,M—model,指的是模型,即指的是数据,V—view指的是视图,就是页面展示的部分。 通常所说的数据的双向绑定就是 - model(数据)改变时,view(视图)也会变化 - view(视图)变化时,model(数据)也会变化 本文参考: - 剖析Vue原理&实现双向绑定MVVM - Vue 双向数据绑定原理分析关于...原创 2018-08-03 11:36:53 · 378 阅读 · 0 评论 -
vue组件注册的方式
vue全局组件注册可以在全局每个页面使用Vue.component(‘tag-name’,{})Vue.component(component.name, component); //component=>require( './component/component)//或者import tag from './tag.vue'Vue.component('tag-na...原创 2019-02-21 17:21:28 · 164 阅读 · 0 评论 -
element-ui中的scrollbar组件使用
简介scrollbar是element-ui中的一个虚拟滚动组件,只是在文档中并没有写出来,也是可以正常使用的使用scrollbar组件暴露了 native, wrapStyle, wrapClass, viewClass, viewStyle, noresize, tag 这7个 props属性props: { native: Boolean, // 是否使用本地,设为true...原创 2019-03-09 09:52:54 · 1996 阅读 · 0 评论 -
vue中侦听器和计算属性的使用
watch侦听器在vue中有一些操作总是在某一个值得改变后进行相应的操作,这就需要进行动态的追踪该值得改变,并且进行相应的操作,这种情况下就需要使用侦听器watch。普通用法如果需要追踪的值知识简单的基础类型的改变,只需要使用watch的普通用法即可进行动态的监听属性的变化。watch: { value() { // 在value变量改变后进行其他操作。 ...原创 2019-05-07 22:52:03 · 319 阅读 · 0 评论