随笔分类 - Vue
摘要:转:js创建json对象 var json = {} json.a='sss' //方式一 json['b']='fff' //方式二 let keyg; let valueg; let colorg; const innerData = {}; for (let i = 0; i <5; i++)
阅读全文
摘要:js中动态添加一个json数组 ``` var jsonstr = []; for(var j=0;j<Lista.length;j++){ var json = {}; json.name = Lista[j].devicetype; json.value = Lista[j].count; js
阅读全文
摘要:参考:VUE V-FOR循环列表点击获取当前项的某一项INPUT的VALUE值 思路:重复利用循环对象 代码: 效果:
阅读全文
摘要:转:Vue 三种常用获取input值的方法 3. ref 获取数据 //这种方式类似于原生DOM,但是ref获取数据更方便 <template> <div class="class"> <input type="text" ref="getValue" /> <button @click="subb
阅读全文
摘要:转:vue中Base64的使用 Vue3如何引用全局JS文件 单页面中引入 let Base64 = require('js-base64').Base64 //或者import {Base64} from 'js-base64' Base64.encode(password);//加密 Base6
阅读全文
摘要:转: vue引用并使用本地js(局部引用,全局引用) 若依用的是局部引入:
阅读全文
摘要:转:3种CSS实现背景图片全屏铺满自适应的方式
阅读全文
摘要:base64 1.安装依赖 npm install --save js-base64 2.在需要使用的页面写入,如果很多页面需要使用,可以直接在main.js中引入 let Base64 = require('js-base64').Base64 3.使用 Base64.encode(this.pw
阅读全文
摘要:参考:单页面与多页面的区别 单页面,顾名思义只有一个界面。(SinglePage Web Application,SPA)只有一张Web页面的应用,是一种从Web服务器加载的富客户端,单页面跳转仅刷新局部资源 ,公共资源(js、css等)仅需加载一次,常用于PC端官网、购物等网站页面跳转:使用js中
阅读全文
摘要:转:html 图片上面显示文字,Html 让文字显示在图片的上面 关于position中relative 以及 absolute 属性值的区别: position:absolute这个是绝对定位; 是相对于浏览器的定位。 比如:position:absolute;left:20px;top:80px
阅读全文
摘要:目前呈现的效果: 想要的效果: 代码: <el-col :span="4" :offset="4" style="color: #E02020">{{value.candidateScore.toFixed(2)}}</el-col> 参考: Vue 中 data 数字小数点后面的问题, 无法显示类
阅读全文
摘要:转:vue项目设置和动态修改页面标题title 设置: 1、在项目的public文件下的index.html中的< title > 标签设置 2、在main.js中设置 Vue.directive('title', { inserted: function (el, binding) { docum
阅读全文
摘要:Vue中html全屏背景色(height:100%不能生效时) 1、把百分比符号换成“vh”(推荐) .leaderboard{ background-color: #272A7E; height: 100vh; }
阅读全文
摘要:javascript判断字符是否为空的方法:首先判断字符是否为空,代码为【if(typeof res== "undefined" || res== null || res== "")】; 代码: //判断字符是否为空的方法 IsEmpty(res){ if(typeof res== "undefin
阅读全文
摘要:1.正则: 例子:https://www.baidu.com/?tn=78040160_5_pg&ch=8 function getUrlParam(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参
阅读全文
摘要:加上 --save 参数会自动添加依赖到 package.json 中去,然后我们就可以看见依赖已导入,并且愉快的使用啦(掠过) 参考: 若依项目学习笔记16——前端手册
阅读全文
摘要:1.生命周期 : 不严谨的说是,vue实例从创建到销毁中间一系列的过程。 2.二者都是处在vue声明周期的过程中,不同点是: create()方法是,模板渲染成html之前调用,通常用于初始化某些属性值,然后在渲染成视图,所有这个时候是拿不到html中的dom节点。 mounted( )方法是,模板
阅读全文
摘要:转 :若依前后端分离,页面跳转路由不用登录 页面title { path: '/scoringChannel', component: () => import('@/views/mobile/scoringChannel'), hidden: true, meta: { title: '评分通道'
阅读全文
摘要:参考: 1.解决vue项目使用element的Dialog组件生成二维码的系列问题 2.element-ui生成二维码 3.Element UI:<el-button> 复制功能 4.js通过QRCode生成二维码并下载 技术点: 1.生成二维码:使用QRCode 2.地址复制按钮, <el-but
阅读全文
摘要:/* if (/[\u4E00-\u9FA5]/g.test(value)){ callback(new Error('不能含有汉字')); }*/ if(!((/^[0-9]*$/).test(value))) { callback(new Error('请输入正确的工号')); } / 正则/
阅读全文