
vue
这项专栏是记录工作中vue的一些问题
官方哈哈
这个作者很懒,什么都没留下…
展开
-
关于this.$emit的返回值的问题
最近在做项目时发现想要通过this.$emit自定义的事件中,将事件中的数据返回出来,发现返回的是永远是当前的实例对象。如: getPringRowData(){ return this.$refs[`myGrid${this.id}`].getSelRowData(); },子组件中: directPrint() { //直接打印函数 let printRowData=this.$emit("getPringRowData")原创 2020-10-14 23:44:48 · 2290 阅读 · 0 评论 -
vue组件中点击页面的其它地方将自定的组件进行隐藏
需求:编写一个自定义的组件需要完成一个:点击页面的其他非组件的地方的时候要把这个组件隐藏起来。代码:beforeMount() {//在DOM元素渲染之前开始监听mousedown事件 this._close = (e) => { // 如果点击发生在当前组件内部,则不处理 if (this.$refs.closeSelect.contains(e.target)) { return; } this.isShowSelectL原创 2020-10-12 14:29:31 · 619 阅读 · 0 评论 -
vue中通过行内样式为元素设置Transform属性。
问题:在项目中我们可能需要动态控制某个元素,想要动态的控制某个元素只能通过使用行内样式来操作。代码: <i class="el-icon-arrow-down" :style="{ transform: `rotateZ(${showarrow})`}"> </i> showarrow() { //计算isShow属性值 return this.ShowSelectList ? "180deg" : "0"; }, ...原创 2020-10-12 14:10:32 · 8979 阅读 · 0 评论