vue
sika-master
这个作者很懒,什么都没留下…
展开
-
vue2项目搭建结构
vue项目搭建原创 2022-09-09 15:08:30 · 2248 阅读 · 0 评论 -
数据可视化的echarts的常用设置
学习数据可视化就是在学习第三方的一些图表的操作,设置数据可视化大屏的操作越来越常见,我用的是echarts的,官方文档的设置太多了,一般也不怎么用全都用上,常用的设置自己做个汇总。原创 2022-08-22 16:06:45 · 1945 阅读 · 0 评论 -
vue一个页面多个组件,点击提交同时保存三个组件所有表单值(二)
项目场景:需求:一个页面多个组件,点击提交同时保存三个组件所有表单值。场景:一个页面的表单太多分为三个页面来提交,每个页面都有保存和提交的按钮。要求每个页面如果不同的人填写的话,点击当前页面的保存或者提交按钮,三个组件中的所有表单都会被提交。类似下面这种问题描述提示:如何在每个 例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer原创 2022-04-27 09:53:54 · 2682 阅读 · 1 评论 -
v-if和v-show的真实案例使用(一)
v-if和v-show的真实使用感受需求:一个页面有单个tab栏,需要在点击每个tab栏底部的保存或者提交按钮的时候,保存三个页面的所有表单的内容。问题:刚开始使用v-if 没找到问题,后来打印了每个组件的实例,发现每个tab栏页面的实例没有拿到,没法提交所有表单。解决:使用v-show的 判断展示当前页面,点击某个提交页面的时候能够提交三个tab栏页面的所有表单数据。这种页面,每个页面都有保存和提交的按钮。需要在点击的时候,保存三个组件的所有表单。使用v-show,和refs拿到组件的原创 2022-04-19 11:55:11 · 343 阅读 · 0 评论 -
nodejs的安装步骤教程
本机环境:win10进入node官网下载安装包,https://nodejs.org/en/双击打开安装包,开始安装一直点击next步骤安装,中间不用选择任何。中间会有安装文件的位置,建议不要修改位置,默认安装位置即可直到安装完成,点击finish安装完成之后按 win+R 在命令行窗口输入cmd然后node -v 检测node的版本,即为安装成功。...原创 2022-03-02 21:15:25 · 352 阅读 · 0 评论 -
webpack的基础使用(二)
需求分析1:在使用webpac打包的时候,只要修改了一点点代码就需要自己手动在重新打包,非常麻烦。能否进行自动打包,只要修改代码,程序就自动打包?自动打包的插件 下载、使用:下载:npm install webpack-dev-server -D修改 package.json -> scripts 中的 dev 命令如下:"scripts": { "dev": "webpack-dev-server" },将 src -> index.html 中,script 脚原创 2022-02-11 17:10:14 · 387 阅读 · 0 评论 -
webpack的基础使用(一)
webpack基本概述webpack 是一个流行的前端项目构建工具(打包工具),可以解决当前 web 开发中所面临的困境。 webpack提供了友好的模块化支持,以及代码压缩混淆、处理 js 兼容问题、性能优化等强大的功能,从而让程序员把工作的重心放到具体的功能实现上,提高了开发效率和项目的可维护性。webpack的安装、配置、使用安装:npm install webpack webpack-cli -D配置1:在根目录创建webpack.config.js的配置文件module.exp原创 2022-02-11 16:05:10 · 313 阅读 · 0 评论 -
uniapp vuex中背景音乐播放+暂停(跳转页面不暂停)
第一种方式:放入main中第二种方式:放入vuex中管理由于我们的vuex是模块化的管理,所以是单独的文件,新建的bgm.js文件const debug = process.env.NODE_ENV == 'development' ? true : falseconst bgm = uni.createInnerAudioContext();bgm.src = 'https://vod.qiniu.ayousi.cn/lq5Af14ZKVj3MmzcFFmcX0qlF7Yx'bgm.loo原创 2021-05-19 16:53:45 · 1649 阅读 · 0 评论 -
判断 预售活动-抢购按钮的不同状态和文字
按钮状态的判断,显示不同的状态和文字。活动未开始和进行中以及活动结束,三种状态的按钮变化在返回的数据中会有创建时间(开始时间)和结束时间,用时间来判断按钮是否可用,以及显示按钮中的文字和颜色 computed: { //是否在报名时间内 canReg() { let { start_time, end_time原创 2021-05-14 12:53:21 · 287 阅读 · 0 评论 -
复制粘贴功能 :H5或vue或uniapp
1.原生的浏览器复制方式,一般都是在浏览器上使用单独定义一个h5-copy.js文件。用于复用 复制粘贴功能h5-copy.jsexport default function h5Copy(content) { console.log(content); if (!document.queryCommandSupported('copy')) { // 不支持 uni.showToast({ title:'您当前的应用环境不支持自动复制内容......', icon:'no原创 2021-05-04 11:56:13 · 304 阅读 · 0 评论 -
地址栏中的参数 转码和解码
点击图片—进入新的页面,并携带参数。但是发现在地址栏携带的参数 是被转码了,是一个百度网盘的链接,,被转码之后的链接,不能直接在浏览器中打开,所以需要解码用的是encodeURIComponent 和 decodeURIComponent(转码和解码)原因直接在文末,可直接跳转到最后查看另外:escape 和 unescape(escape()函数用于js对字符串进行编码。)escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。采用unicode字符集原创 2021-04-27 16:45:13 · 2137 阅读 · 0 评论 -
vue重新渲染子组件的方法
引用原文转载 2021-04-10 09:25:31 · 281 阅读 · 0 评论 -
使用mockjs模拟生成数据 不用等后端接口啦
最近发现mockjs用来模拟假数据是一个大大减少了联调时间的一件事情。真是太赞了先上效果图:以下都是使用mockjs随机生成的数据1. 在vue项目中 安装mockjs。。官网有安装教程,在此就不赘述了,地址:mock官网 -安装教程npm i mockjs2. 在main.js中引入mockjs注:在自己写界面的时候可以引入,但是在前后联调的时候 ,直接注释就可以了。import '@/mockjs/index.js'3. 新建mockjs文件夹 —>新建index.js(当然了原创 2021-03-13 10:45:10 · 425 阅读 · 0 评论 -
vue 中动态添加组件方式
在vue项目中 经常会有用户权限的问题,根据不同的用户角色进行不同的组件的显示,就是在需要哪一个组件的时候显示出来。vue中可以使用 <component :is="组件名" />来实现。<template> <div class="dashboard-container"> <component :is="currentRole" /> </div></template><script>原创 2021-01-17 15:01:03 · 1184 阅读 · 0 评论