- 博客(63)
- 资源 (3)
- 收藏
- 关注
原创 uniapp TypeError: Cannot read properties of undefined (reading ‘duoWeiName‘)
但是 用的 data.arr.name。因为异步获取的数据 ,所以 报错了。数据异步获取就没过来 ,显示未声明。声明了 data:{}
2023-01-12 11:04:25
1267
原创 通过sourcemap 找到webpack 压缩之前的精准错误行
在webpack.config.js devtool里面进行配置。常用参数 : nosources-source-map。既能找到错误 也能防止源码暴露。
2022-10-08 17:01:06
442
原创 webpack 知识点总结 vue发展方向有帮助
webpack 概念: 前端工程化解决方案webpack 功能:提供了友好的模块化开发支持,以及代码压缩混淆,浏览器端javascript兼容性,性能优化等强大的功能webpack好处: 让前端开发者更专注于功能开发,提高了项目开发效率,以及项目的可维护性生成package.json 文件在根目录下新建 src 目录目录中新建 index.js 跟 index.html。
2022-10-08 16:28:20
554
原创 react 函数组件 hook 更强大,更灵活的钩子函数
2.执行useRef函数并传入null返回值是一个对象,内部有一个current属性存放发到的dom对象(组件实例)4.useState不可以再除了函数组件之外的地方使用,比如分支语句,循环语句,内部函数。1.useState的初始参数指挥再组件首次渲染的时候使用,再次使用会被忽略。函数组建的主要作用是通过数据渲染UI,除了这个之外的操作就是副作用。2.每次通过setCount 修改状态,函数组件都会重新加载。3.useState可以多次调用,每次都是独立的。3.通过ref绑定要获取的元素组件。
2022-09-20 09:00:32
374
原创 vue3 使用百度地图 取两个经纬度的距离(走过的坑,特来分享)
重点放在前面,不喜欢吊人胃口。注意事项:1.获取精准的经纬度,需要https,没有https,先去认证ssl2.ie浏览器很精准,谷歌浏览器,获取不到精准定位,只能定位到市。3.我当时做的时候是在微信内部浏览器,在电脑上的威信内置获取不到,手机端没问题4.认证了https 后需要等一段时间 手机上才能获取到 不要心急。下面是代码了:首先在vue3 目录下 引入https 的 百度地图链接。 ak 填写自己的 百度平台ak.其次vue3代码:getMyPoint 说的是获取当前的经纬度,非常重要。我出问
2022-06-22 14:24:28
1588
5
原创 vue3 setup 组合式api使用 操作文件单独提出 类似后台的控制器
vue3 操作后新增的setup 语法糖 其本身的特性 在 data,computed的property等属性之前 运行。即页面渲染之前 setup 就存在了。我们就可以利用setup 的优势 将一些 调取api 数据 返回赋值 ,数据过滤,等接口提取到一个单独的js/ts文件中进行调整即可,而我们的vue页面 只需要在setup中return 声明的数据就行了。// src/composables/useRepositoryNameSearch.jsimport { ref, compu
2022-04-11 09:51:46
917
原创 vue3 通过使用ref 在setup 中获取 element plus 的cascader
const cascader = ref(null) const handleChange = () => { // console.log(cascader.getCheckedNodes) let { id, classname } = cascader.value.getCheckedNodes()[0].data _classname.value = classname classid.value = id }我们打...
2022-04-08 10:36:55
2621
原创 npm 阿里镜像 切换跟 npm上传自己的插件
npm install -g cnpm --registry=https://registry.npmmirror.comnpm config set registry https://registry.npmmirror.comnpm config list修改会原来的 重置为官方源npm config set registry https://registry.npmjs.org/
2022-03-24 09:44:33
894
原创 vite3 加 vant 车牌 组件化
/component/input-key.vue<template> <div class="keyboard"> <div class="srk"> <van-password-input :value="plate_number" :focused="true" @focus="showKeyboard = true" :length="7" :m...
2022-03-15 10:12:24
1753
1
原创 vue3 vite使用element-plus
$ npm install element-plus --save按需引入npm install -D unplugin-vue-components unplugin-auto-import// vite.config.tsimport AutoImport from 'unplugin-auto-import/vite'import Components from 'unplugin-vue-components/vite'import { ElementPlusResolver.
2022-03-15 09:47:46
2138
原创 vue3 vant 使用2022-3-15发布
# Vue 3 项目,安装最新版 Vantnpm i vant安装rem适配 直接使用px就会转rem$ npm install postcss postcss-pxtorem --save-dev// postcss.config.jsmodule.exports = { plugins: { 'postcss-pxtorem': { rootValue: 37.5, propList: ['*'], }, },};postcss.
2022-03-15 09:34:28
501
原创 uview 未返回完整数据 ,只返回data数据
config = { baseUrl: '', // 请求的本域名 method: 'POST', // 设置为json,返回后会对数据进行一次JSON.parse() dataType: 'json', showLoading: true, // 是否显示请求中的loading loadingText: '请求中...', // 请求loading中的文字提示 loadingTime: 800, // 在此时间内,请求还没回来的话,就显示加载中动画,单位ms originalData: .
2021-11-17 18:05:22
390
原创 uniapp + uview1.x 配置http请求配置拦截 跟 api统一管理
const install = (Vue, vm) => { // 此为自定义配置参数,具体参数见上方说明 Vue.prototype.$u.http.setConfig({ baseUrl: 'http://192.168.30.140/', loadingText: '努力加载中~', loadingTime: 800, // 设置自定义头部content-type // header: { // 'content-type': 'xxx' // } // .
2021-11-17 16:12:40
5686
10
原创 uniapp 使用 uview 入手注意事项 2021-11-17 (内容还在不断完善 ,有问题可以留言一起沟通)
// pages.json{ "easycom": { // 下载安装的方式需要前面的"@/",npm安装的方式无需"@/" // 下载安装方式 "^u-(.*)": "@/uview-ui/components/u-$1/u-$1.vue" // npm安装方式 // "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue" }, // 此为本身已有的内...
2021-11-11 15:43:47
776
原创 vue element select 下拉框多选
<!-- <el-select v-model="form.role_ids" collapse-tags multiple placeholder="请选择" style="margin-left: 20px" > <el-option v-for="item in rolelist" ...
2021-10-29 17:16:05
621
原创 vue el-table-column 处理数组
<el-table-column label="所有权限"> <template #default="{ row }"> <span v-for="i in row.auths" :key="i.id"> {{ i.name }} </span> </template> </el-table-column>...
2021-10-29 17:14:14
3045
3
原创 vue + element 收银台 逻辑
收银最麻烦的 就是 它的 字段设置了 ,数量 ,总数,价格 ,总价,显示在右侧统计区等等吧,今天正好用到 就把他做一下 简单的 整理 方便以后不用写轮子了
2021-10-18 10:01:53
926
原创 vue+ element 下面 watch form 对象
watch 监听data 下面的 字段 或者对象如果想通过form 里面的 字段变换响应式修改 需要用到watch 里面的深度监听了 watch:{ a(val, oldVal){//普通的watch监听 console.log("a: "+val, oldVal); }, b:{//深度监听,可监听到对象、数组的变化 handler(val, oldVal){ console.log("b.c: "+v.
2021-10-07 10:12:59
866
原创 css 手写边框角
background:使用linear-gradient搭建四个角background: linear-gradient(#000,#000) left top, linear-gradient(#000,#000) left top, linear-gradient(#000,#000) right top, linear-gradient(#000,#000) right top, linear-gradient(#000,#000) right.
2021-09-09 10:40:05
236
原创 remote: Repository not found. fatal: repository ‘xxxxxxx‘ not found
rundll32.exe keymgr.dll,KRShowKeyMgr
2021-08-20 17:49:13
398
原创 npm install -d npm insatll -s 2021-08-03
npm install -d 就是 npm install --save-dev 安装到开发环境 例如 gulp ,babel,webpack 一般都是辅助工具npm insatll -s 就是npm install --save 安装到生产环境 如 vue ,react 等即--save(保存)包名会被注册在package.json的dependencies里面,在生产环境下这个包的依赖依然存在ev(生产)包名会被注册在package.json的devDependencies里面,
2021-08-03 10:13:51
76
原创 vue 项目 安装 express 本地服务器 监听接口 模拟数据测试
devServer: { proxy:"http://localhost:5000" }vue.config.js安装express 4.x版本之前 全局安装express 命令是npm install express -gexpress 4.x版本之后 全局安装express 命令是npm install -g express-generator安装完成后需要同时启动express跟node两个服务器了然后就用了concur...
2021-08-01 22:53:20
353
原创 node16.0版本 对应node-sass sass-loader 各个版本号
"node-sass": "^6.0.1", "sass-loader": "^10.0.1",试了半天啊我真的泪目了希望给各位省点时间吧
2021-07-30 18:22:15
61950
74
原创 2021-07-30 style-resources-loader
const path = require('path');function addStyleResource(rule) { rule.use('style-resource') .loader('style-resources-loader') .options({ patterns: [ path.resolve(__dirname, './src/styles/imports.scss'), ], })}module.ex.
2021-07-30 16:40:48
382
原创 Set-ExecutionPolicy : 无法绑定参数“Scope”。无法将值“a”转换为类型“Microsoft.PowerShell.ExecutionPolicyScope”。错误:“无法将标
get-ExecutionPolicyRemoteSigned
2021-07-28 11:49:54
3194
原创 vue windows 环境的下安装,运行与退出
wahttp://nodejs.cn/首先安装node js 一步步点击即可安装完成后 在桌面 输如cmd 打开命令行界面输入node -vnpm -v进行node npm 版本查看跟是否安装完成确认之后 为了确保国内下载速度等 安装cnpmnpm install -g cnpm --registry=http://registry.npm.taobao.org安装完成后 安装 vue@clicnpm install -g vue-cli...
2021-07-17 10:28:40
324
原创 jq 自动轮播滚动
<div style="height:500px;width:100%; margin: 0 auto;position: absolute; z-index: -99;overflow: hidden;"> <div class="lunbo"> <div class="lunboli"> <div class="lunboi"> <img s...
2021-06-07 11:28:53
110
原创 layui 使用富文本编辑器 添加内容为空解决办法
layui 使用富文本编辑器 添加内容为空解决办法//百度富文本编辑器var editor = UE.getEditor(‘LAY_editor2’, {initialFrameHeight:450,autoHeight: false,autoHeightEnabled:false,autoFloatEnabled:false});layui.use('form', function() { var form = layui.form,layer = layui.layer,lay
2021-01-20 16:04:29
922
原创 jq 版本不对 导致ajax上传信息 0 不识别 变成空格 换了一个版本的就没有问题了 这个坑 我先享用了
/*!jQueryv1.11.3|(c)2005,2015jQueryFoundation,Inc.|jquery.org/license*/遇见类似问题 可以联系我 啦啦~现在好舒服
2020-06-30 17:24:21
129
原创 织梦DEDE分类信息实现联动筛选,最近在使用这个信息分类,在网上找的大多是一个半分多次发布,写点不一样的东西。
样式效果注:因为织梦默认是禁止使用php标签,所以需要在后台模板引擎禁用标签里面解除这个标签的禁用,具体方法:后台——系统——系统基本参数——其它选项——模板引擎禁用标签:php将这个PHP去掉后保存就可以了!第一步:在织梦include文件夹中找到arc.listview.class.php 找到:if(empty($cfg_need_typeid2)) $cfg_need_typeid2 = ‘N’;在下面加入以下代码://联动筛选获得附加表的相关信息$addtable = $this
2020-05-22 17:09:12
371
1
原创 织梦dede arclist arcpagelist实现分页 失败 样式错乱
emm~调了一上午的这个问题,再网上找了半天终于找到了解决方法八宗的进行整理一下把<script language="javascript" type="text/javascript" src="{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script><script> function ...
2020-04-26 11:43:48
410
1
原创 dede 根据栏目id 判断样式 active样式 记录一下 好忘了
{dede:fieldname=typeidrunphp="yes"}(@me=="23")?@me="class='color_active'":@me="";{/dede:field}
2020-04-25 14:22:30
717
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人