
信息可视化排名组件分享
我们都知道,组件是vue里不可或缺的一部分,当有一部分代码只有内容不同,样式相同且需要重复使用的时候,如果我们每个页面都写这个样式和代码,当后期样式或者结构需要调整的时候,则需要改很多遍,组件解决了这

uniapp怎么组件间传值的两种方法
我们在做页面的时候,经常会有组件之间传值的情况,uniapp的组件传值方法和vue类似,无非两种URL传值和事件传值。第一种办法,通过url传值,我们在使用navigateTo进行页面跳转的时候,在页

Vue-利用ref给元素或子组件注册引用信息
我们都知道原生JS获取DOM元素是很麻烦的,需要用到如document.getElementById这么长的API来获取。于是vue可以帮我们解决这个问题,vue也有自带的获取DOM的方法,那就是ref。它不仅可以获取DOM元素还可以获取组件。首先,需要用ref来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如图所示:如果在普通的 DOM 元素上使用,引用指向的就是 ...

利用富文本编辑器传递内容Html--父传子
发现有一个接口需要内容和内容的html两种参数。借鉴一下同事的富文本编辑器,发现v-model并不能很好的实现双向绑定,去编辑器官网啃了两天,结合封装起来的编辑器成功做成了双向绑定,并能够正确传递Html参数,以下请看例子。首先,这里可以看到,通过:传递editorParams这个参数,并在子组件中监听它的变化,当父组件的值改变时,使其与子组件中的值相等,可以看到其中监听的数值很多,这里可以推断e...
2023-06-27

利用富文本编辑器传递内容Html--子传父
解决了父传子的问题,现在来解决子传父的问题。因为这是一个修改的页面,所以文本肯定需要修改,现在我们改变了文本值尝试点击立即修改并发送editorParams.content的值。可以看到content的值并没有改变,但是文本已经改变了,这里的坑是因为双向绑定在子组件而不是父组件,这里的editorParams.content只是作为父组件传递的参数而不是双向绑定的参数。那么要怎么得到子元素的文本值...
2023-06-27

根据数字不同显示不同的状态——( ̄∇ ̄)
最近又踩了一个坑,本身是一个很小的问题,但是很不容易被注意到,这个小问题还卡了我俩小时,一边扪心自问一边找错误,但就是没用,以下请看,不喜勿喷。在浏览器中,我们的数字和字符串是没有明显区别的,可能是显示问题或者自动转化了类型(这我还真不清楚)除非是console.log打印出来或者用typeOf()判断下,否则肉眼是很难观察出来的。上一篇文章为大家介绍了组件间的传值,向大家展示了通过:prop传值...