随笔分类 -  VUE

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