- 博客(48)
- 收藏
- 关注
RSS订阅原创 turf.js 画圆
steps: 设置圆分几扇；如果属性值为8，形成的就是八边形；想要形成圆要素，steps值就设置大一点。如果想要给创建的要素增加属性就写在 properties 里。
2024-01-09 13:44:46
1523
原创 修改el-select下拉框的样式(包括输入框和弹出层)
因为下拉框的弹出层不在组件内，在body标签内的最后子元素位置；而单组件页面的<script>只对该组件生效，那弹出层是body的直接子元素，跟组件离老远了，能生效才怪了。在此基础上可以用 .父class名 .子calss名 (先用父class筛一遍，再取其class名是这个的子元素，范围就小一些，权重就更大一些) 增加权重，dxfSelect样式写在项目的统一样式表文件里面，才生效；前端就那点东西，不是样式没加上去就是权重不够，加权重最顶的就是!下面是直接写在组件内的<script>也能生效的样式。
2023-12-12 11:40:55
2012
原创 vue3 路由跳转传参
想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步。参数为 0 时会重新加载页面，但会有短暂白屏。使用router接收useRouter。在 history 记录中，返回上一页。在 history 记录中，前往下一页。
2023-11-29 17:33:22
810
原创 vue3 父组件调用子组件的方法
父组件调用子组件的方法是通过expose和ref来实现的，我们可以通过expose来控制父组件可以访问子组件那些的方法和对象，我们将通过setup api(组合式 api)来演示父组件如何调用子组件的方法。父组件通过ref定义子组件实例，通过调用实例获得子组件的数据和方法。子组件通过defineExpose暴露对象和方法。vue3 组合式API。
2023-11-28 09:52:48
2216
原创 vue3-----单个赋值解决对象直接赋值导致对象响应式失效(里面的属性值会改变不了) + 路由传参
Object.assign解决不了（因为Object.assign外层是深拷贝，内层是浅拷贝），只能单个赋值（用变量捯一遍），对象直接赋值导致对象响应式失效(里面的属性值会改变不了)================本篇重点===============只能单个赋值（用变量捯一遍）============================本篇重点的正确解决方法================================接收路由跳转传过来的参数。
2023-11-28 09:44:39
3265
原创 在JavaScript中，使用import语句导入模块注意
而 import * as XLSX from 'xlsx' 是命名导入，它将整个模块作为一个命名空间引入，并将模块中的所有导出都作为该命名空间对象的属性。因此，你需要使用 import * as XLSX from 'xlsx' 来正确导入并使用 xlsx 模块。import XLSX from 'xlsx' 是默认导入，它假设模块中有一个默认导出的对象。在JavaScript中，使用import语句导入模块时，有两种不同的导入方式：默认导入和命名导入。
2023-11-28 09:39:44
994
原创 vue3父子传值(父传子，子传父)
然后在子组件代码script标签中，导入definePops 这个方法，定义一个常量props用来接收父组件传过来的值，就可以了。父组件中子组件标签上加一个方法，调用方法参数就是子组件传给父组件的参数。在子组件中导入defineExpose方法，把你想要传的参数抛出去。在子组件上自定义一个属性，属性名随意 ，属性值是你要传的参数。在子组件声明一个任意常量，用于定义传输参数的方法，名字自定义。同时在子组件中定义一个方法去触发emit这个方法，在父组件中子组件的标签上接收ref，名字自定义。
2023-11-28 09:38:11
2584
原创 vue3响应式的bug(用reative检测不到对象里面单个属性值的变化)
如果要给输入框、时间选择器等组件绑定的变量赋初值，那就不能写对象形式，因为reative监测不到对象内部单个属性值的变化，意思就是对象内的单个属性值没有响应式(绑定的变量值不会改变)，ref 单个变量才能保证变量的响应式(也可以赋初值，赋初值也还保有响应式)
2023-11-27 16:05:20
612
原创 vue3使用emit(用法一：组件传值(传方法)；用法二：做触发器)------写在setup(){}方法里面的
2、子组件里用$emit向父组件触发一个事件(setup语法糖，setup直接写在script标签上)1、父组件中把方法作为属性传入子组件，在子组件里直接调用这个方法(写在setup()方法里)vue3子组件调父组件的方法(就是用props把父方法传给子，即父传子，只不过传的是方法)
2023-11-27 16:02:11
9316
原创 JS-----for循环和forEach循环的选择与使用
(这个需求是，遍历navData，拿到item.path与事件总线传过来的路径比较，相同则让navbar里的对应路径按钮变成选中状态)总结：forEach用起来比for方便一些，但在上述那种需要多次跳出循环的情况，还是用for循环比较好。而forEach要抛出异常，才能跳出循环。for循环跳出用break就行，
2023-11-27 15:58:03
439
原创 vue3-----事件总线与props传值的使用场景
2、如果遇到多层父子传值的情况，比如父传子再传子(就是孙子)，还是用props；因为props能在子组件渲染之前，把值传给子组件。因为props能在子组件渲染之前，把值传给子组件，不至于在子组件渲染的时候该值是undefined。3、如果遇到父传子，子组件需要传过来的值动态渲染页面的情况，用props；③ legend组件===============子的子(孙子)① 温压羽流组件 =========父。② map组件 =========子。1、事件总线vue3的写法。
2023-11-27 15:52:42
551
原创 vue2-----vuex里面的this.$store.dispatch 和 this.$store.commit用法以及区别
注：必须要用commit(‘SET_TOKEN’, tokenV)调用mutations里的方法，才能在store存储成功。commit： 同步操作，数据提交至 mutations ，可用于登录成功后读取用户信息写到缓存里。dispatch：异步操作，数据提交至 actions ，可用于向后台提交数据。两个方法都是传值给vuex的mutation改变state。
2023-11-27 15:45:17
2008
原创 vue2-----父组件调用子组件的方法
父组件调用子组件的方法是通过expose和ref来实现的，我们可以通过expose来控制父组件可以访问子组件那些的方法和对象，我们将通过和option api(选项式 api)来演示父组件如何调用子组件的方法。//详细版 vue2 选项式API 实现 父组件调用子组件方法。vue2 选项式API。
2023-11-27 15:41:43
2817
原创 vue2 子组件调用父组件方法
1. 直接在子组件中通过this.$parent.event来调用父组件的方法。2. 父组件把方法传入子组件中，在子组件里直接调用。
2023-11-27 15:25:09
1396
原创 vue2-----vue2父子传值(父传子，子传父)
父传子：主要是在父组件引入子组件，将要传值的值绑定指定的属性上如。然后在子组件用props接收即可在页面展示。
2023-11-27 10:24:39
1072
原创 element-UI-----vue表格修改某个单元格的样式（可以增加html结构）
render-header加在表格的列el-table-column 上。render-header就可以做更复杂的样式，增加布局上的修改。
2023-11-24 16:02:09
1717
1
原创 element-UI-----vue表格修改表头某个单元格的样式（不能修改html结构）
header-cell-style只能做颜色、字体大小之类的样式修改，且作用于整个单元格里的内容，不太容易给单元格里的一部分内容加样式。header-cell-style加在表格结构el-table上。
2023-11-24 16:00:25
1083
1
原创 element-UI-----vue表单非空验证
三个注意点：el-form-item上设置prop属性。最后在方法里面判断，如果为空就return。el-form上绑定rules。data里面写验证规则。
2023-11-24 15:57:40
1440
1
原创 element-UI-----vue组件使用小技巧
5. 输入框组件用 label-width="50px" 和 style="width: 100px;" 都可以设置宽，但前提是el-form的外层容器设置宽属性 且 设置 inline 属性。1. value-format="yyyy-MM-dd" 将时间选择器选中的时间对象格式化为字符串，例如 2023-05-09(vue2)两个要点：value-format="YYYY-MM-DD HH-mm-ss" 表示时间格式。直接写style的width格式就可以改时间选择器的宽高。7.删除之前提示一下。
2023-11-24 15:55:34
1343
1
原创 element-UI-----vue3时间选择器格式化选择的时间对象为字符串以及给时间选择器设置宽高
改时间选择器的宽高，不要用这个样式改，改出来时间选择器的实际宽会小于组件的样式显现出来的宽，导致遮住时间选择器左右两边的内容。两个要点：value-format="YYYY-MM-DD" 表示时间格式要全大写。①月份如果小写的话 就是yyyy-mm-dd HH:mm:ss。②小时如果小写的话 就是yyyy-MM-dd hh:mm:ss。直接写style的width格式就可以改时间选择器的宽高。yyyy-MM-dd HH:mm:ss大小写区别。vue3使用时间选择器（
2023-11-24 15:47:16
1690
1
原创 element-UI-----el-table表格样式
注意：下面这种做法配合 highlight-current-row 更好用 如果上面的方法修改样式不生效，就用下面的方法。
2023-11-24 15:44:52
799
1
原创 JS---数组方法和字符串方法
而数组、字符串、Set、Map结构，早就内置好了Iterator（迭代器），它们的原型中都有一个Symbol.iterator方法，而Object对象并没有实现这个接口，使得它无法被for...of遍历。for in 遍历数组和对象，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。如果以逗号为分隔符，被返回的数组将是间隔单个字符的字符串数组 ["a","b","c","d","e"]注：字符串转数组 .split(',')//以逗号分隔截出来的字符为数组的每一项。
2023-11-24 15:37:24
391
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人