学习vue时，导入一个子组件时遇到Module not found:Error:Can`t resolve 'less-loader' 问题，实际上时在子组件中的样式里加了这么个代码 <style lang="less" scoped> </style> 而这个less是需要安装的， npm install --save-dev less-loader less 所以不想安…
背景：把某jq插件放vue用发现在页面加载时执行方法获取到v-for的元素长度为0 所以无法执行操作 故寻找解决办法 原文： 在项目时用到了一些插件，比如这次用了下拉菜单插件。 这个插件需要实例化，而下拉框的数据是通过ajax来获取的，然后在用 v-for 渲染数据，再次遇到了一个问题。 就是等插件实例化完毕，数据却还没渲染完毕，所以这就出现一个bug。出现bug解决掉。 第一种解决方法： set…
上一篇内容我们了解了vue组件中关于prop选项的内容，props选项实现了父组件向子组件的数据传递，这篇我们将了解一下子组件与父组件进行通信。 $emit()方法 子组件使用 $emit()方法触发父组件事件。在父组件中通过v-on指令监听子组件的自定义事件，然后自定义事件执行 $emit()方法触发父组件事件，这样就可以实现子组件和父组件之间的通信 <div id="app"> &…
方法一，在父组件中通过this.$refs.子组件ref名称.子组件方法，来调用子组件的方法 子组件： <template> <div> child </div> </template> <script> export default { name: "child", props: "someprops", methods: { pare…
标签中监听鼠标滚动事件 @mousewheel="mouseWheel" 根据事件 e 的 wheelDelta 和 detail 的正负来判断向上还是向下滚动 methods: { mouseWheel (e) { if (e.wheelDelta || e.detail) { if (e.wheelDelta > 0 || e.detail < 0) { //当鼠标滚轮向上滚动时 …
背景 目前 antd 还没有写 .d.ts 类型的声明文件，所以无法在目前的项目中正常使用， 当在ts文件中导入ant-design-vue的时候 import {Button,message,Tree} from "ant-design-vue" 会报错，如下： Could not find a declaration file for module 'ant-design-vue'. '...…
如： this.list = this.list2, 结果在list改变后 list2也改变，这不是我们想要的效果 第一种：利用 JSON.parse 和 JSON.stringify this.list= JSON.parse( JSON.stringify(this.list2) ) 1 第二种：ES6 的解析语法 this.list= { ...this.list2} this.arr…
很多码农对于这个编辑器插件空格回显很头疼！确实，刚开始我也头痛，使劲网上搜索，给我的结果都是一样的如下： 添加 class="ql-editor" 结果不如人意……！ 通过摸搜测试终于实现了 希望我的办法也对你有用 解决方案： 1：修改插件的css 去掉这个white-space: pre-wrap; 最好在搜索下……！审核代码 编辑空格应该会显示有了； 注：不过这里只是显示&am…
vue3 获取$attrs的方式 <Attrs title="this is title" :data="attrsData"/> <script setup> import Attrs from "./components/Attrs/Attrs" let attrsData = reactive( [ { id: 1, name: 'gq' } ] ) </scr…