写法vue2 vue js
前端Vue自定义精美底部操作栏导航栏工具栏 可用于电商购物车底部导航
#### 随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 ......
js 动态加载脚本文件
//js 动态加载脚本文件//https://juejin.cn/post/7032680257710718984 url='https://hq.sinajs.cn/?list=sh000016'; url='https://quotes.sina.cn/cn/api/openapi.php/CN ......
node js 版本更新
# 简介 RT # 命令 ``` sudo npm cache clean -f sudo npm install -g n sudo n stable ``` # 参考链接 https://askubuntu.com/questions/426750/how-can-i-update-my-nod ......
关于JS定时器的整理
在JS中定时器有非常大的作用,例如: 执行延迟操作:使用setTimeout可以在一定的延迟后执行特定的代码。这对于需要在一定时间后执行某些操作的情况非常有用,例如延迟显示提示信息、执行动画效果等。 定期刷新数据:使用setInterval可以定期执行某段代码,例如定时从服务器获取最新数据并更新页面 ......
Vue(十):监视属性——watch
1.监视属性的基本用法 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>天气案例-监视属性</title> <script type="text/javascript" src="../js/vue.js"></script> ......
vue(七)路由 vue-router
安装和使用 通过vue-router路由管理页面之间的关系,是Vue.js的官方路由 1、安装路由 npm install --save vue-router 2、配置路由文件 route/index.js // 导入路由库 import {createRouter,createWebHashHis ......
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本
【vue-问题】vue : 无法加载文件 D:\Program Files\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。解决方法:①:管理员方式运行PowerShell,输入get-ExecutionPolicy。如果它回复Restricted,表示是禁止的②: ......
Vue 通过vuex动态缓存 keep-alive
在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, ......
vue(六)网络请求
Axios Axios是一个基于promise的网络请求库,安装npm install --save axios 局部引入:组件中引入import axios from "axios" 全局引入:main.js中引入,并挂载 // 在main.js中全局引入 import axios from "a ......
vue(五)CSS样式添加
Vue 具有三种样式化应用程序的方法: 外部 CSS 文件。 单文件组件(.vue 文件)中的全局样式。 单文件组件中组件范围的样式。 外部CSS 导入外部CSS文件 import "./assets/reset.css"; 单组件全局样式 <style> /* 全局样式 */ .btn { pad ......
vue(四)组件交互
Props Prop可以实现各组件间的数据传递(父组件传递数据给子组件),支持传递的数据类型可以是:基础数据类型、对象、函数。返回的数据类型是数组或对象时,默认值需要是函数。 使用方式如下: 1、在需传递的组件中(父组件),export需要传递的数据 2、在需传递的组件中(父组件),import 接 ......
Vue router 路由
#路由 ##跳转页面和路由模式 ###vue的路由 1. 路由的文档 https://v3.router.vuejs.org/zh/api/ 2. 路由是干什么的 ==》 就是来负责跳转页面...反正是和页面打交道的 3. vue + router是单页面应用(SPA) 解释一下“什么是”单页面 : ......
济南JS
PC: $(function(){ setTimeout(function(){ $("#LJTQJEXX input").keyup(function(){ var money = $("#LJTQJEXX input").val(); var cMoney = changeMoneyToChin ......
vue3-watch监听器的使用
## 基本使用方式 ``` export default { watch: { someObject: { handler(newValue, oldValue) { // 注意:在嵌套的变更中, // 只要没有替换对象本身, // 那么这里的 `newValue` 和 `oldValue` 相同 ......
第十篇 - Vue接收后台Json数据
先看下想达到的效果,当用户名密码输错了,就报用户名密码错误。用户名密码成功了,就跳转到登录成功页面 上一节已经实现SpringBoot封装Json数据,这次使用Vue post API获取Json数据 HelloWorld.vue /* eslint-disable */ <template> <d ......
【滨州学院】判断两个单选不能同时选否-JS
pc端: var SFCSXLD = mini.get('SFCSXLD'); var SFFA = mini.get('SFFA'); SFCSXLD.on('valuechanged', valueChanged); SFFA.on('valuechanged', valueChanged); ......
vue 3教程
## 创建项目 create-vue创建vue3项目 推荐,这个库也是官方进行维护的,所以使用起来无烦恼,yyds。 执行方式也是比较简单的,我们可以基于vite创建vue3或者vue2的项目 ``` npm init vue@3 npm init vue@2 ``` 依次填写和选择下列选项 ``` ......
vue3 + elementplus tab组件动态切换,组件保存校验为空获取不到数据bug
需求是这样的,根据第一个tab里面的准入模式,如果是专业版,上面tab显示6个,如果是简易版,6个tab要隐藏后面两个,每个页面可以保存。 这里tab切换用的是elementplus组件就不多说了,然后每个组件里面嵌套的是对应的小组件,component动态切换,默认打开当前页面的时候,会通过接口统 ......
【滨州学院】空闲资产申请-JS
PC: //获取控件'SL'的值 var JinE01 = mini.get('SL'); //一旦值发生改变,触发codeValue函数 JinE01.on('valuechanged', codeValue); function codeValue() { var H1Value = JinE0 ......
【滨州学院】空闲资产申请计算差额JS
PC //获取控件'KXSL'、'SQSL'的值 var JinE01 = mini.get('KXSL'); var JinE02 = mini.get('SQSL'); //一旦值发生改变,触发codeValue函数 JinE01.on('valuechanged', codeValue); J ......
Spring Boot和Vue.js前后端分离项目实战
Spring Boot和Vue.js的组合可以用于开发盈利宝项目。盈利宝是一个投资理财平台,它需要同时具备后端业务逻辑和前端用户界面的功能。 使用Spring Boot作为后端框架,你可以构建盈利宝项目的核心业务逻辑。Spring Boot提供了强大的开发工具和库,可以帮助你处理用户注册、登录、投资 ......
【滨州学院】办公用纸报销-JS-金额计算
JS: 报销单:pc var A4ShuLiang = mini.get('A4ShuLiang'); var A4DanJia = mini.get('A4DanJia'); var A3ShuLiang = mini.get('A3ShuLiang'); var A3DanJia = mini. ......
【滨州学院】访客进校-JS
截图: 业务须知页JS: PC-miniui var dxk = mini.get('dxk'); dxk.setVisible(false); mini.get('sjh').on('valuechanged', sjhChangeHandler); mini.get('yzm').on('val ......
【滨州学院】生成随机编号-JS
PC端: var url = parent.location.pathname; if (url && url.indexOf('cooperative/openCooperative.htm') != -1) { var nowDate = new Date(); var year = nowDa ......
【滨州学院】学生学科竞赛外出参赛报备流程-JS
截图: js: var datagrid = mini.get('XSCSXX'); //多行表单英文名称 XSCSXX datagrid.on('cellendedit',function(e){ if(e.field == 'XH'){ //多行表单学号 if(e.row.XH){ var ro ......
vue
### 对不同构建版本的解释 完整版:同时包含编译器和运行时的版本。 编译器:用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时:用来创建 Vue 实例、渲染并处理虚拟 DOM 等的代码。基本上就是除去编译器的其它一切。 ### 只有当实例被创建时就已经存在于 data 中的 ......
【滨州学院】学生集体外出实习备案-JS-MINIUI
表单: <div id="complex" class="mini-complex" style="background: rgb(255, 255, 255); padding: 2px 20px 10px; box-shadow: rgb(144, 144, 144) 0px 0px 5px; ......
前端基础-js篇(一)
1.use strict (1)ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能还能够使用,大部分的修改是默认不生效的。 (2)需要一个特殊的指令 —— "use strict" 来明确地激活这些特性。 (3)当它处于脚本文件的顶部时,则整个脚本文件都将以“现代”模式进行 ......
【滨州学院】通过学生学号查询辅导员JS-miniui
表单内容: 1 <div id="complex" class="mini-complex" style="background: rgb(255, 255, 255); padding: 2px 20px 10px; box-shadow: rgb(144, 144, 144) 0px 0px 5 ......
JS读取、设置margin
读取 var div = document.getElementById("myDiv");var computedStyle = getComputedStyle(div, null); alert(computedStyle.marginTop); 设置 document.getElementB ......