- 博客(76)
- 收藏
- 关注
RSS订阅
原创 安装了VueDevtools插件但在控制台不显示Vue的解决方案
出现问题安装好Vue Devtools插件后，在Google浏览器中开发调试的时候，右上角的Vue图标变亮，但是在开发者工具中没有出现Vue调试。如下图：控制台的Vue调试应该如下图显示分析原因第一种情况：没显示调试工具的原因是用了生产环境的版本或是压缩的vue版本，或是没有勾选https://github.com/vuejs/vue-devtools1. If the page uses a production/minified build of Vue.js, devtools in
2021-07-06 10:15:32
8620
5
原创 vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次 必解决技巧
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次#vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次报错原因：没有安装脚手架vue-cli解决方法：安装脚手架vue-cli通过下面的命令来安装脚手架npm install vue-cli -g不行的话下面步骤方法：如果安装 nodejs 的时候
2021-03-25 15:31:58
48205
3
原创 hbuilder x怎么安装sass插件 秒会
@hbuilder x怎么安装sass插件hbuilder x怎么安装sass插件安装node-sass插件在HBuilderX中，使用scss/sass是需要安装node-sass编译插件的。点击菜单【工具】【插件安装】如果安装失败，请见：http://ask.dcloud.net.cn/article/35468编译scss文件选中scss文件，鼠标右键，点击菜单【外部命令】【sass】【编译sass/scss】敲黑板了 注意 都解决不了 来看这里了windows
2021-03-20 15:25:31
4811
原创 微信小程序 登录与退出登录
app。js里onLaunch() {// 展示本地存储onLaunch: function () {//判断用户的登录状态this.globalData.loginPromise = getUserInfo().then(res => {if (res.data.code == 0) {this.globalData.isLogin = true;this.globalData.userInfo = res.data.data} else {//未登录}return"我执行完了
2021-02-02 13:57:04
5439
原创 网易云 音乐 url 引入步骤
网易云 音乐 url 引入步骤网易云 音乐 url 引入步骤部分用户反馈获取的 url 会 403,hwaphon找到的解决方案是当获取到音乐的 id 后，将 https://music.163.com/song/media/outer/url?id=id.mp3 以 src 赋予 Audio 即可播放##步骤 对src属性自己定义一个变量audioSrc:"" 在data 里面 定义这个变量this.audioSrc = https://music.163.com/
2021-01-04 14:49:14
5208
原创 elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
2024-05-28 14:09:40
426
原创 微信小程序开发自定义字体样式（维吾尔语字体)
首先在utils文件夹里面创建font文件夹 然后 font文件夹里面创建font.wxss文件。然后app.wxss全局css样式引入字体样式就可以。font.wxss文件夹里面加入这些代码。
2024-05-22 09:44:05
2668
原创 微信小程序英文版：实现一键切换中英双语版（已组件化）
因为updateContent()方法放在onLaunch函数里，所以切换语言后我加了一个wx.reLaunch()重启首页，才能获取新的语言文本。第四步，给所有页面的onShow()里都加上如下代码，然后别忘了把原本的文本都改成{{content.xxx}}这样的形式，就搞定啦。所有操作都打包在组件里不需要在额外的地方添加代码，直接在你需要的页面里导入组件，再在对应页面的onLoad()里set文本就行了。第三步，把切changeLanguage()方法bindtap在首页的元素里。
2024-04-15 23:42:04
959
原创 vue实现base64格式转换为图片
如果在script标签中用setup那更简单，HTML的部分不变（保姆级教学教到底）找了很多，但是都不太好用，打算自己总结一个保姆级教学，无需动脑，电脑有电就能实现。在HTML部分，我们需要一个标签来放置图片。其次，我们需要引入ref。
2024-03-06 16:14:40
667
原创 H5页面引入vconsole，移动H5调试打印console的方法
为了方便H5页面在手机上调试，可以引入vconsole并使用，下面是引入和使用的方法。二、在项目中创建vconsole.js文件，并添加以下内容。二、在main.js中配置全局使用。
2024-02-05 18:38:32
669
原创 vue3自定义按钮点击变颜色（切换）
利用动态类名，当定义isChange数值和下标index相同时，赋予act类名，实现变色效果。实现效果图： 默认选中第一个按钮，未选中按钮为粉色，点击时颜色变为红色。
2024-01-18 18:32:49
1030
2
原创 vue3自定义按钮点击变颜色实现（多选功能）
利用动态类名，当定义isChange数值和下标index相同时，赋予act类名，实现变色效果。实现效果图： 默认选中第一个按钮，未选中按钮为粉色，点击时颜色变为红色。
2024-01-18 18:27:49
1378
原创 hbuilder能不能开发鸿蒙app
总结起来，HBuilder作为一款开发工具，通过HTML5技术和鸿蒙应用框架的结合，提供了一种方便快捷的开发方式，使开发者可以使用熟悉的HTML、CSS和JavaScript语言来开发鸿蒙应用。通过HBuilder，开发者可以快速搭建应用的用户界面和交互逻辑，并利用鸿蒙应用框架的API来访问设备功能和数据。然后，HBuilder使用鸿蒙应用框架提供的API，将HTML5应用转化为原生的鸿蒙应用。4.添加鸿蒙应用框架：在HTML文件的头部引入鸿蒙应用框架的相关库文件，包括样式表和JavaScript库。
2023-12-19 13:42:37
2118
4
原创 导航守卫 的使用 模板
提供的导航守卫主要用来通过跳转或取消的方式守卫导航。这里有很多方式植入路由导航中：全局的，单个路由独享的，或者组件级的。调用next({routerPath})表示导航到此地址，一般情况用户未登录时，会导航到登陆界面。调用next(false)表示不放行，不允许此次路由导航。该函数在导航守卫中可出现多次，但是只能被调用一次!调用next()表示放行，允许这次路由导航。from：将要离开的路由信息对象。正如其名，vue-router。to：将要访问的路由信息对象。
2023-12-19 10:08:25
396
原创 谷歌浏览器打印时跳过预览窗口直接打印
只需要在桌面的谷歌浏览器快捷方式上右键选择属性，然后找到目标目录，在目标目录最后的双引号外边加上 --kiosk-printing然后关闭浏览器再打开就可以打印时强制跳过打印预览页面直接打印。然后我意识到这不是使用js这些前端代码能解决的问题，后来我就去找插件，找了一些发现不是收费就是很难用，还有带水印的，然后我发现了‘ --kiosk-printing’属性。接到一个需求，需要用电脑连接超市的小票打印机，打印用户选中的某条数据。但是用户不想每次选中打印数据点击确定后还要再次在预览窗口点击打印按钮。
2023-02-16 09:53:14
5068
4
原创 vue实现打印浏览器页面功能(两种方法)
插件地址：https://github.com/xyl66/vuePlugs_printjs1.在src下新建文件夹plugs,将下载好的print.js放入plugs文件夹下2.在main.js中引入print.js 里的代码//print.js 里的代码 // 打印类属性、方法定义 /* eslint-disable */ const Print = function(dom , options) {if(!
2023-02-13 17:52:20
4626
原创 element-ui限制输入框输入的数不小于0且整数位最多为5位小数位最多为两位
【代码】element-ui限制输入框输入的数不小于0且整数位最多为5位小数位最多为两位。
2023-02-09 09:48:43
1113
原创 vue数据data中数组值改变不会更新视图解决
vue 中无法检测到根据索引值修改的数据变动的，这种写法数组的值不会更新视图，vue只监听了数组的splice,push,unshift等方法，可以使用$set方法会更新视图。如果是修改数组对象下的属性，可以使用以下方法。
2023-01-10 14:30:53
324
原创 uniapp 报错 [ app.json 文件内容错误] app.json: app.json 未找到(env: Windows,mp,1.05.2107090； lib: 2.20.1)
在project.config.json中添加一句"miniprogramRoot": “unpackage/dist/dev/mp-weixin/”,uniapp 报错 [ app.json 文件内容错误] app.json: app.json 未找到。然后重新编译就可以啦。
2022-11-22 17:39:25
1565
原创 electron:build 打包报错,electron：serve经常 解决报错
解决：打开cmd 执行 npm config edit。删除dist-electron 重新打包就 解决了。4.再重新执行 npm config edit。愿意是在package.json中缺少名字。.如果项目打包过程中报下面这个错。.如果项目打包过程中报下面这个错。打开配置文件 粘贴以下内容。加上name 就好了。5.在项目文件夹打开。
2022-11-22 12:23:35
3457
4
原创 接口基础-HTTP请求中的referrer和Referrer-Policy
接口基础-HTTP请求中的referrer和Referrer-Policy
2022-10-21 15:22:17
1993
原创 JS数组排序（）
现有一组人员年龄的数据，要求将这些人员的年龄按照从小到大的顺序进行排列起来，要怎样来实现<script> function sortnumber(a,b) { return a-b //要是需要大到小的排序那就是 b-a } var arr =new Array ('12','66','45', '9', '21','12') console.log(arr.sort(sortnumber)); document.write(arr.sort(sortn
2022-10-16 16:00:00
80
原创 报错 error: Your local changes to the following files would be overwritten by merge
报错 error: Your local changes to the following files would be overwritten by merge解决方案``一、背景团队其他成员修改了某文件并已提交入库，你在pull之前修改了本地该文件，等你修改完代码再pull时，这时会报错如下错误：在这里插入代码片二、解决方案根据是否要保存本地修改，有以下两种解决方案2.1 保留修改执行以下三条命令git stash #封存修改git pull origin master
2022-10-15 11:00:00
126
原创 使用electron将vue项目打包成exe桌面应用
使用electron 打包vue项目实现桌面应用注：如果需要浏览器和桌面端同时运行：开发模式用打包工具的代理，编译后走file协议 ，设置electron允许跨域
2022-10-12 09:47:54
842
2
原创 element-ui 表单二次计入页面取消 上一次的校验
1.预审核申请界面除了证件类型字段，其余字段都变成都校验失败，并且界面字段输入框为红色；你可以在生命周期中,以及你的初始化函数中添加下面的代码,让其进入页面不再校监.1.此时界面字段都应处于默认状态(灰色)，详细可查看下图所示；1.进入信息预审核界面，点击【添加】按钮进入预审核申请界面；4.再次点击【添加】按钮进入预审核申请界面；2.不输入任何信息，直接点击【保存】按钮；3.点击【取消】按钮推行胡预审核申请界面；
2022-10-11 15:38:15
483
原创 vue 报错vue : 无法加载文件 D:\wjx_tools\node\node_global\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsof
VSCode终端使用PowerShell，创建vue项目时，出现了以下错误导致创建失败：vue : 无法加载文件 F:\nodejs\node_global\vue.ps1。2.此时我们按照要求输入Set-ExecutionPolicy -Scope CurrentUser命令，回车，在黑窗口中输入RemoteSigned解除受限状态，回车。3.接下来我们查看受限状态 输入get-ExecutionPolicy，此时结果为RemoteSigned（受限移除），这样我们就可以正常创建了。
2022-10-09 10:28:22
1172
原创 Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法
Vue 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。本节介绍，Vue 运行时报错 Syntax Error: TypeError: this.getOptions is not a function 的处理，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。
2022-09-30 12:10:01
13244
原创 Vue路由跳转之后页面置顶问题解决方案:
全部页面的话就在router文件夹的index.js中设置。如果文章对你有帮助，碰巧想请我喝杯咖啡，单独设置需变为this.$router。单独的某个页面就在页面加载之前设置。
2022-08-15 17:10:42
486
原创 “vue中每次修改内容都要手动重启,不然报错 Mixed spaces and tabs no-mixed-spaces-and-tabs
“vue中每次修改内容都要手动重启,不然报错 Mixed spaces and tabs no-mixed-spaces-and-tabs
2022-07-26 16:39:16
1137
原创 vue的style绑定background-image url 写法 简单易懂
vue的style绑定background-image url 写法
2022-06-29 14:33:30
3859
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人