![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
写代码的贝塔子
这个作者很懒,什么都没留下…
展开
-
webapp页面自适应 rem单位换算
第一步首页在页面中添加adaptive.jsvar adaptive = {};(function (win, lib) { var doc = win.document; var docEl = doc.documentElement; // 设备像素比 var devicePixelRatio = win.devicePixelRatio; // 我们设置的布局视口与理想视口的像素比 var dpr = 1; // viewport缩放值原创 2021-05-19 14:36:29 · 177 阅读 · 0 评论 -
修改页面中所有a标签的target属性
两种方式方法一:var items = document.getElementByTagName("a");for ( var i = 0 ,len = items.length;i < len;i++) { items.getAttributeNode("target").value = "_blank";}方法二:使用jquery<script type = "text/javascript"> $("a").attr("target", "_blank");原创 2021-04-08 11:58:11 · 1146 阅读 · 0 评论 -
Vant Picker组件问题,Picker设置选中值,清除Picker选中值
Picker设置选中值/恢复默认选项/清空选中值/切换问题描述代码解析参考文档问题描述需求是一个选择时间的选择器,需要加一个选择全部时间的操作。所以需要把清除掉上一次Picker选中的值。Vant的文档的实例方法都没有示例,着实是费了很大劲。目前逻辑是选择时间点击确定的话是按筛选时间去查询。点击全部时间按全部时间去查询,把picker恢复到默认状态。代码template的结构<van-popup v-model="showPicker" position="top" :lazy-rend原创 2021-03-30 16:38:27 · 7964 阅读 · 2 评论 -
Vue项目播放音频视频html播放音频视频,音视频预览
要点 HTML5的 标签最近项目中使用到了音视频,页面需要增加试听试看的入口,是第一次接触这方面的,记录一下使用方法基础知识关于新标签的参数可参考MDNMDN audioMDN video视频html使用<video id="videoPlay" controls src="视频播放路径" width="660" autoplay> 您的浏览器暂不支持播放该视频,请升级至最新版浏览器。</video>获取video元素原创 2020-09-29 20:37:32 · 1454 阅读 · 0 评论 -
Eslint补充配置
Eslint补充配置Parsing error: x-invalid-end-tag"全局变量提示未定义在项目中使用默认的Eslint配置或者自定义规则。在开发过程中会遇到一些错误,所以需要补充一些配置Parsing error: x-invalid-end-tag"这个错误一般情况下和UI框架的组件标签有关,像iview的产品的原因是vue将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决方案:在.eslintrc.js 文件下的 rules 里增加一条规则原创 2020-08-14 19:34:27 · 151 阅读 · 0 评论 -
提交代码时对文件进行校验,Eslint不通过则不能提交代码
提交代码时对文件进行校验为规范代码,在提交代码前对所有js文件进行校验,强制修改1、安装pre-commit插件的依赖npm i --save-dev pre-commit2、在package.json里进行配置 pre-commit{ "name": "vue-admin", "version": "1.2.0", "scripts": {}, "husky": { "hooks": { "pre-commit": "lint-staged" }原创 2020-07-10 19:18:37 · 2455 阅读 · 0 评论 -
Vue 展示的文本换行 静态文本按格式显示 textarea文本的换行 亲测有效
需求一个商品管理系统,需要新增一个商品的信息,有一个备注字段,需要做成textarea,在textarea中用户是可以进行换行的。在新增完商品之后在查看详情时,备注字段的显示需要和textarea中的格式一致。解决方案1.将字符串的’/n’替换成 使用v-html绑定<template> <h>备注</h> <div v-html="remar...原创 2019-11-01 18:20:50 · 7846 阅读 · 1 评论