Vue.js
WhaleHumpback
这个作者很懒,什么都没留下…
展开
-
Vue中将文件上传至OSS
const OSS = require('ali-oss')export function client(data) { return new OSS({ region: 'oss-cn-shanghai', // oss-cn-shenzhen.aliyuncs.com accessKeyId: 'LTAI4G7cccHmBUPucagmboie', accessKeySecret: 'T3sfpC8W3Q8wGwA0yjxDt6kILO4KpP', bucket.原创 2020-08-11 14:58:05 · 1907 阅读 · 0 评论 -
vue2.0中v-on绑定自定义事件
vue中父组件通过prop传递数据给子组件,而想要将子组件的数据传递给父组件,则可以通过自定义事件的绑定。每个 Vue 实例都实现了事件接口,即:使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。html代码注册组件创建Vue实例这个例子是一个极简版的购物车合计,商品数量只要增加就合计一...原创 2018-02-28 17:54:26 · 6761 阅读 · 0 评论 -
Vue 子组件中触发父组件方法
父组件中:<子组件名 @close="close"></子组件名>methods: { close(id) { this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', ...原创 2018-04-13 14:10:31 · 321 阅读 · 0 评论 -
Vue中用this.$router传递参数与取值
在Vue中使用this.$router传递参数有两种方式:第一种传递参数 -- this.$router.push({path: ' 路由 ', query: {key: value}})参数取值 -- this.$route.query.key使用这种方式,传递参数会拼接在路由后面,出现在地址栏第二种传递参数 -- this.$router.push({name: ' 路由的name ',...原创 2018-06-14 16:58:50 · 56605 阅读 · 2 评论 -
Vue父组件调用子组件的方法
首先,父组件可以通过props向子组件传递数据,实现通信,那么父组件如何调用子组件的方法呢?子组件在子组件中简单定义了一个方法,然后去父组件中调用它。父组件中这是父组件中使用子组件模块,用ref属性定义一个名字然后在methods中定义方法时可以$refs去找到子组件中的方法进行调用其他内容后续补充...原创 2018-07-10 18:20:00 · 2734 阅读 · 0 评论 -
vue循环报错:You may have an infinite update loop in a component.
出于UI的需要,我在v-for循环中绑定class,绑定的是一个methods中函数。代码如下<div :key="item.News_id" v-for="(item, key) in newsList" :class="classObject(item,key)"> ......</div>classObject方法定义在methods中,最初直接从入参i...原创 2019-04-25 16:03:09 · 4480 阅读 · 0 评论 -
vue.js -- 获取dom元素的样式(非行内样式)
在vue中获取dom元素的样式:this.$refs.menuList.style.top;这种获取方式是只能获取到元素的行内样式的。this.$refs.menuList.getBoundingClientRect().top;而下面这种方式是可以获取到外联样式表的样式的,不过这种是获取到计算过的样式。let menuList = document.quer...原创 2019-05-29 15:10:13 · 2201 阅读 · 0 评论 -
Vue 中父级样式深度覆盖子组件
项目需要的原因,在sub组件的父级list组件中需要用到xhcj组件,同时sub组件中也用到了xhcj组件,两个地方代码逻辑是相同,仅仅是样式有些微的差别,所以决定共用组件,然后覆盖样式。style标签上的scoped属性会致使样式只作用于当前组件,对子组件是不起作用的,但是不加scoped会使父级引入的xhcj和这里引用的xhcj样式都变化,所以也是不可以的。这是最开始写的版本,在s...原创 2019-07-09 17:36:48 · 3345 阅读 · 0 评论