Y_shihao的博客

需求使用table组件的勾选功能是，跳转到下一页，需要将上一页的勾选状态保留，如果不进行配置则不会保留，需要效果如下图解决办法在el-table中设置:row-key="getRowKeys",在el-table-column中设置:reserve-selection="true"，如下图进行配置<el-table :data="tableData" ref="multipleTable" border style="width: 100%" :row-key="getRowKeys"

url传递中文参数// send.htmlvar key = '测试'location.href = `receive.html?key=${key}`// receive.htmlvar val =location.search.split('=')[1]var el = document.getElementById('content')el.innerText = val;通常，如果我们直接将中文写在url中，得到的却是一堆乱码（%E6%B5%8B%E8%AF%95），因为这涉及

使用::after代替select标签的默认下拉箭头去掉selcet标签的默认箭头样式select { width: 200px; padding: 10px; /* 清楚select原始样式 */ -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

今天的凌晨new Date(new Date().setHours(0,0,0,0))3天以前的凌晨new Date(new Date(new Date().setDate(new Date().getDate()-3)).setHours(0,0,0,0))

强制不换行p { white-space:nowrap; }单行文本溢出显示省略号p{ width: 100px; overflow: hidden;//超出的隐藏 white-space: nowrap; //强制一行显示 text-overflow: ellipsis;//省略号 }多行文本溢出显示省略号p{ overflow:hidden; t...

背景：在dialog弹窗组件中执行mounted钩子，将数据初始化，等取消关闭弹窗后，发现mounted钩子不执行原因：在vue的生命周期中，在页面初始化的时候mounted只会执行一次，关闭弹窗页面并没有销毁，所以不会再次执行<select-experience-group :trialMoneyRecordID=trialMoneyRecordID :showExperience...

iphoneX的底部适配在项目中因为底部tab栏在iphonex的显示问题方法一@media only screen and (width: 375px) and (min-height: 690px){ #app { padding-bottom: 0.34rem; } }方法二第一步：新增 viweport-fit 属性，使得页面内容完全覆盖整个窗口：&lt...

对每个机型进行判断const isIphonex = () => { // X XS, XS Max, XR const xSeriesConfig = [ { devicePixelRatio: 3, width: 375, height: 812, }, { devicePixelRatio: 3, ...

如果需要在移动浏览器中实现拨打电话，发送email，美国服务器，调用sns等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式，实现在Safari ios，香港服务器，Android 浏览器，webos 浏览器，塞班浏览器，IE，Operamini等主流浏览器，进行拨打电话功能。1.最常用WEB页面JS实现一键拨号的电话拨打功能：<a...

keep-alive是Vue.js的一个内置组件。 包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。 当组件在 内被切换，它的 activated 和 deactivated 这两个生命周期钩子函数将会被对应执行。include和excludeinclude 和 exclude 属性允许组件有条件地缓存。二者都可以用逗...

实现思路结合表单元素的file类型，再使用定位将img标签展示图片覆盖到表单上面，将表单透明度设置为0并设置定位，定位层级比img更高。再通过chang事件监听文件是否发生改变，并使用URL.createObjectURL将图片转换为临时路径,并赋值给展示图片代码 <div class="upload-pic"> <div class="uplo...

实现思路使用计算属性监听输入文本的字数，如果超出字数，则使用字符串截取，截取限制长度代码 <div class="description"> <div class="desc-title">{{descTitle}}</div> <div class="desc-content"> <t...