Vue
唐宋xy
这个作者很懒,什么都没留下…
展开
-
Vue的v-for遍历中的自定义指令无效
问题发现在v-for循环中,通过自定义指令获取循环中每一项的值,然后进行处理,第一次进行v-for遍历,可以正常获取值,并渲染页面,但是list被重新赋值,第二次v-for遍历的时候,在页面中可以直接获取值,但是在指令中无法获取最新的值,只能获取比第一次遍历的List多的几个元素的值原因分析代码:<div v-for="item,index in list" :key="index"> <td >{{item.id}}</td>原创 2020-06-20 22:47:45 · 3175 阅读 · 0 评论 -
Element-ui使用的坑记录
不同浏览器的dateTimePicker选择问题在苹果的ios浏览器 safari、IE这些浏览器中,日期格式为yyyy/mm/dd,中间是/来分隔日期,chrome中几种格式都可以显示Element-UI的版本为1.4.1,使用DateTimePicker组件在IE和safari无法展示指定格式的日期,后面升级版本Element-UI的版本也可以解决此问题~在使用Element-UI的DateTimePicker组件展示日期,需要在页面中显示为yyyy-mm-dd这种格式,代码如下:<e原创 2020-06-13 23:08:05 · 461 阅读 · 0 评论 -
再也不怕图表展示了—— vue中echarts两种使用方式详解
一、直接使用原生echarts通过npm直接安装charts,然后在组件中使用,api和使用保持和echarts文档中保持一致使用步骤安装echartsnpm install --save-dev echartsmain.js中引入并绑定到Vue原型import echarts from 'echarts'Vue.prototype.$echarts = echart...原创 2020-04-18 22:44:55 · 1240 阅读 · 0 评论 -
Vue使用params方式传参数据丢失
前言在vue的组件之间传递数据时,因为不想url上面有?xx=yy的内容出现,所以选择params形式传递参数,正常跳转,好看又方便问题出现了:突然在刷新跳转之后的页面的时候,页面的数据加载不出来了,仔细一看,原来是路由中携带的参数不见了!! 组件刷新还能导致路由的参数丢失。一、 Vue-router传递参数的方式说明query传递参数query传递参数不会出现路参数丢失的情况,所...原创 2020-04-13 22:07:46 · 7990 阅读 · 2 评论 -
vue-cli3打包vue发布Nginx并配置后端代理
在使用vue-cli2或者vue-cli3打包vue项目发布到Nginx实现访问的代理的时候,会出现一些问题,需要在vue打包的时修改一下配置即可一、vue打包配置并通过nginx访问子目录在vue-cli打包发布到nginx的时候,如果没有配置打包的路径,那么就不能发布在nginx的子目录下,只能发布到根路径,就是说:http://localhost/demo/index.html -...原创 2019-11-19 21:33:42 · 1647 阅读 · 0 评论 -
Vue使用微信录音并上传服务端
在微信公众号或者微信h5的网页开发中,会用到录音等功能,在微信里面使用微信录音会比较好一点,不用去设置ios和android的h5录音兼容性,并且h5的其他录音js文件可能不兼容微信浏览器等,所以vue中集成微信录音功能即可一、配置微信权限获取jssdk微信jssdk的配置,也可以参考官方开发文档配置安全域名(参考官方文档)引入微信的js文件,vue中可以直接npm安装也可以...原创 2019-10-27 22:14:17 · 2520 阅读 · 0 评论 -
Vue中实现用户点击返回时,出现弹框提示。
需求: 在移动端或者pc端,如果在用户点击返回,或者在写评论或者什么的时候,如果用户点击返回,则需要弹框提示 解决方案: 在vue中,对于这个功能的实现是非常方便的, 1.可以使用watch来监听对应的路由的path: watch: "this.$router.path" 监听路由是否改变,然后弹框提示。 2.通过使用ro...原创 2018-11-02 15:55:26 · 8548 阅读 · 0 评论 -
Vue-cli3中使用vue-quill-editor中的ImageResize问题
vue-cli3使用quill-image-extend-module的图片变化大小的问题背景: 在使用vue-quill-editor这个插件,使用的项目是基于vue-cli3,因为在富文本编辑器中上传图片,然后上传完成之后,这个图片是原比例的大小,很难排版并且难看~,所以需要对图片进行拉伸遇到的问题: 通过查询发现,根据指导,一步步使用之后,...原创 2019-07-10 23:31:41 · 5963 阅读 · 34 评论 -
Vue中重置data的数据为初始状态
在某些情况下,需要重新使用data中的数据,但是data中的数据已经被各种表单、变量等赋值,那么怎么重置data的值呢?1. 逐个赋值...data() { return { name: '', sex: '', desc: '' }}...// 逐个赋值this.name = ''this.sex = ''this.desc = ''这个方法比较笨,...原创 2019-08-20 22:23:16 · 39010 阅读 · 4 评论