首先，父组件可以通过props向子组件传递数据，实现通信，那么父组件如何调用子组件的方法呢？子组件在子组件中简单定义了一个方法，然后去父组件中调用它。父组件中这是父组件中使用子组件模块，用ref属性定义一个名字然后在methods中定义方法时可以$refs去找到子组件中的方法进行调用其他内容后续补充...

项目需要的原因，在sub组件的父级list组件中需要用到xhcj组件，同时sub组件中也用到了xhcj组件，两个地方代码逻辑是相同，仅仅是样式有些微的差别，所以决定共用组件，然后覆盖样式。style标签上的scoped属性会致使样式只作用于当前组件，对子组件是不起作用的，但是不加scoped会使父级引入的xhcj和这里引用的xhcj样式都变化，所以也是不可以的。这是最开始写的版本，在s...

出于UI的需要，我在v-for循环中绑定class，绑定的是一个methods中函数。代码如下<div :key="item.News_id" v-for="(item, key) in newsList" :class="classObject(item,key)">......</div>classObject方法定义在methods中，最初直接从入参i...

vue中父组件通过prop传递数据给子组件，而想要将子组件的数据传递给父组件，则可以通过自定义事件的绑定。每个 Vue 实例都实现了事件接口，即：使用 $on(eventName) 监听事件使用 $emit(eventName) 触发事件父组件可以在使用子组件的地方直接用 v-on 来监听子组件触发的事件。html代码注册组件创建Vue实例这个例子是一个极简版的购物车合计，商品数量只要增加就合计一

在Vue中使用this.$router传递参数有两种方式：第一种传递参数  -- this.$router.push({path: ' 路由 ', query: {key: value}})参数取值  -- this.$route.query.key使用这种方式，传递参数会拼接在路由后面，出现在地址栏第二种传递参数  -- this.$router.push({name: ' 路由的name ',

项目中合并table的行以后，第二行变得极其的高。后面发现需要将被合并单元给清除掉，代码如下。

elementUI、elementPlus的el-table都支持文字一行展示不全隐藏，悬停展示tooltip。但是UI设计会提出展示2行隐藏的的要求，我们便有这样的需求。项目中el-table往往会进行二次封装，所以下面的代码是在此基础上解决这个问题的。