vue
Allison-L
这个作者很懒,什么都没留下…
展开
-
使用vux的组件popup-picker实现一个同时选择开始日期和结束日期的组件
目的:使用vux的组件popup-picker实现一个可以同时选择开始日期和结束日期的组件组件要求:1、同时选择开始日期和结束日期,即左边一栏是开始日期,右边一栏是结束日期2、时间范围:T+1~T+89(即当前日期的第二天至当前日期的90天)3、开始日期和结束日期不能是同一天(即滑动其中一栏,另一栏要实时更新,完成联动)(感觉还挺麻烦的,一步步实现吧????)第一步:vue文件中引入并注册popup-picker组件第二步:写一个方法,生成开始时间和结束时间的时间数组,用原创 2021-07-11 00:35:29 · 1021 阅读 · 0 评论 -
vue 模板字符串里添加html并绑定点击事件
在Vue中,我们经常会使用模板字符串。当然,现在的模板字符串使用方法也越来越多。在项目中,经常会遇到一个问题,就是需要在模板字符串中,写一个html元素,如下:let contentStr = `<p>我是模板字符串,点击我。</p>`如果需要在点击该html元素时,触发点击事件,那么把模板字符串改成:let contentStr = `<p onclick="clickFun()">我是模板字符串,点击我。</p>`// 注意,是onc原创 2021-07-10 23:42:34 · 6484 阅读 · 8 评论 -
vue实现在用户关闭或刷新浏览器当前网页时弹出提示“系统可能不会保存您所做的更改”
1、首先先看一下效果图:2、实现步骤(1)在项目中打开想要出现如上效果的组件的vue文件(2)在script标签中写如下代码,但是记得要替换成自己的路由<script>export default { mounted () { let that = this window.onbeforeunload = function (e) { if(that.$route.fullPath =="/rich"){原创 2020-05-12 16:37:54 · 9888 阅读 · 0 评论 -
vue-cli项目中使用mockjs模拟数据-配置和使用(超详细!)
在前端的开发中,很多时候都需要用到接口,但是后端的接口往往要比较晚才出来,那么前端有没有办法通过制造假数据来模拟后端端口,加快开发速度呢?答案是肯定的,这里有两种方法介绍下。1. 使用网上一些提供数据的网站,如聚合数据、极速数据等,但是需要注册,大部分API需要钱????,且不如自己配置的方便;2. 利用mockjs模拟数据。下面就介绍在vue-cli项目中使用mockjs来模拟数据的步骤。...原创 2020-03-25 10:09:05 · 3474 阅读 · 1 评论 -
vue-cli3项目打包时,静态资源请求失败 404
1. 首先放一张项目的目录:public文件夹 存放 index.html以及一些json文件。 src -> assets 文件夹下存放一些需要的图片。 src -> components 文件夹下存放每个模块的组件。 src 目录下是App.vue、main.js、router.js、store.js文件。2. 在执行 npm run build 后,项目多了一个d...原创 2019-08-16 09:49:23 · 8864 阅读 · 0 评论 -
vue案例:动态添加数据、按关键字查找数据、删除数据
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <script src="./lib/vue-2.4.0.js"></script> <link rel...原创 2019-03-20 16:11:36 · 1665 阅读 · 0 评论