随笔分类 - VUE
一些关于VUE的东西
摘要:直接给对象的属性赋值,并不能使得视图发生变化,此时我们可以用vue的$set方法来赋值解决这个问题 this.$set(对象, '属性名', '属性值') 使用这段代码给对象赋值 this.$set(this.form, 'name', '糖果') this.$set(this, 'form', {
阅读全文
摘要:首先需要在项目里下载安装一个插件 npm install babel-plugin-transform-remove-console --save-dev 安装之后,需要在babel.config.js文件里配置一下 橙色为配置写上的代码 // 项目在发布时需要用到的babel插件数组 如果是发布阶
阅读全文
摘要:需求:我想要动态改变css样式。 我当前的应用场景:如果我用绝对定位给每个标签添加一个‘*号’,但是每个标签所需‘*号’的位置需要不一样,我希望写一个css样式,来迎合不同的尺寸。不用频繁给每个标签单独写一个样式。 我现在用iview组件,因为想要去动态改变几个input框是否为必填项,需要动态改变
阅读全文
摘要:首先,我们可以通过看文档可知, 只需要给它加一个属性。 show-overflow-tooltip 加上之后别忘了刷新一下页面,否则不生效 便能轻松解决。 然后我将elementui的文档原话放出来,供大家阅读。
阅读全文
摘要:问题所在环境:在使用若依前后端分离版框架时候遇到的问题 今天写vue项目对接口的时候,出现了Uncaught (in promise) error 这个报错。 我仔细看了一下,接口没问题, 我这里好像也没啥问题,为什么console里面会报这个错误呢? 后来我发现,我没有写catch他强行将错误抛出
阅读全文
摘要:父传子 props传值 1 <body> 2 <div id="app"> 3 <p>msg: {{msg}}</p> 4 <father></father> 5 </div> 6 7 <template id="father"> 8 <div> 9 <p>这是father组件! > {{fMsg}
阅读全文
摘要:添加一个.eslintignore文件 里面写的内容是 /src 这样的话,/src下的文件就都不会被校验了
阅读全文
摘要:我用vue 2.6.11版本编写的项目,在谷歌浏览器上运行的好好地,但是放到ie11浏览器上却是一片空白。 这个问题遇到的时候,我是蒙蔽了,抓紧去搜了搜百度,百度上的答案倒是都很统一。 都是说ie不兼容,解决方案都是千篇一律 大致就是以下三点: 1、在vue项目中安装babel-polyfill n
阅读全文
摘要:平时我们利用锚点进行页面内的快速瞬移,画面跳转生硬,观感很差。 在VUE中,如何快速的实现锚点效果,并且还让它拥有滚动的动画效果呢。 其实两行代码就能解决问题 1 <a @click="goAnchor('#anchor14')">点击这里跳转</a> 2 3 methods: { 4 //模拟锚点
阅读全文
摘要:这是当年我学习VUE的时候,根据老师的讲解,加上自己的领悟,做出了下面这张图,现在分享给大家。
阅读全文
摘要:在使用的时候,两种方式结果效果差不多是一样。 @click="Login()" @click="Login"而唯一的区别就是,有括号的可以在括号里写传递的参数。而不写括号,他会默认传event参数。在vue中,切记这是在vue中。如果在原生js中,只有写()才会被调用
阅读全文
摘要:##### 组件化 //node.js里面 require("./index.js") 模块化就是将系统功能分离成独立的功能部分的方法,一般指的是单个的某一种东西,例如js、css 而组件化针对的是页面中的整个完整的功能模块划分,组件是一个html、css、js、image等外链资源,这些部分组成的
阅读全文
摘要:v-for遍历对象的时候 v-for=" (item) in person" 这里item是person对象里面的value值 而v-for=" (item,key) in person" 这里的 key 第二个参数是value的key。属性 当v-for=" (item,key,index) in
阅读全文
摘要:我们都知道vue中,data里面的数据类型可以使任意类型。 但是能在网页上可以渲染出来的类型有哪些呢? 我们来看一下在VUE中data里的什么数据类型可以渲染出来。 我在下面列举了这些数据类型 显示结果如下: 由此可以看出来 undefined/null 都渲染不出来。 最后注意一点,{{ }} 里
阅读全文