vue
像风一样自由自由
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue中mounted和created的区别
created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。 mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。(调用第三方插件可以放在mounted里边) ...原创 2018-12-06 10:33:37 · 2871 阅读 · 1 评论 -
vue脚手架根据需要进行配置
Host配置 (1)配置hosts文件,添加主机映射 如:127.0.0.1 dev.** (2)在前端目录(如frontend目录)的config目录下,对index.js文件更改 ‘proxyTable’的‘api/’属性的’target‘属性进行更改: 如:‘http://dev.**:8000/’ proxyTable: { '/api':{ target: '...原创 2019-01-21 11:03:50 · 329 阅读 · 0 评论 -
vue使用html2canvas和jspdf把页面元素生成pdf文件
1.npm install html2canvas jspdf --save 2.import html2canvas from ‘html2canvas’ import jsPDF from ‘jspdf’ 3.使用 html2canvas(document.querySelector('#exportContent')).then(function(canvas) { //元素id为expo...原创 2019-01-24 14:29:00 · 2810 阅读 · 1 评论 -
vue调用ace富文本编辑器
<div class="code-type"> <label class="radio-inline"><input type="radio" value="sh"原创 2018-12-24 16:27:51 · 2811 阅读 · 1 评论 -
$nextTick的一次使用
注:暂时解决了问题,以后再根据情况更新。 在获取数据,更新dom后要执行的方法,可以放在$nextTick里边。 通过ajax获取数据,然后根据这些数据才显示页面元素,然后这些元素又要调用第三方插件,此时需要用到$nextTick this.$nextTick(() => { //写入调用方法 }) ...原创 2018-12-16 21:59:05 · 646 阅读 · 0 评论 -
在vue中使用laydate出现清空问题
注:暂时解决了问题,以后再根据情况更新。 问题描述:在vue中使用laydate,被其它表单元素干扰,出现了被清空的问题。 解决如下: done: function (val) { vm.item.backup_data_time=val //vm指向vue实例名,item.backup_data_time是调用laydate的input元素绑定的vue变量 ...原创 2018-12-16 21:50:20 · 1414 阅读 · 0 评论 -
vue操作数组的数据,页面没有响应
注:暂时解决了问题,以后再根据情况更新。 采用赋值方法,vue检测不到 如: let arr=[] arr[0]={a:1} 应该使用,其它方法, let arr=[] arr.push({a:1}) 如,push()、pop()、shift()、unshift()、splice()、sort()、reverse() 参考网址:https://cn.vuejs.org/v2/guide/lis...原创 2018-12-16 21:43:46 · 1451 阅读 · 0 评论 -
vue组件引入layui框架的table组件
注:暂时解决了问题,以后再根据情况更新。 layui框架中,layer、laydate、layim可以作为单独的模块来使用,所以可以在vue组件中直接使用,但是对于layui的其它组件,如数据表格table组件,则不能直接使用。 可以通过在入口js文件加入以下代码,解决: require "**/layui.js" //**代表layui所在的路径 ...原创 2018-12-16 21:34:35 · 4482 阅读 · 0 评论 -
vue组件引入第三方js组件(无暴露对象或方法的js)
注:暂时解决了问题,以后再根据情况更新。 以datatables插件为例 首先,在/build/webpack.base.conf.js中,modules.rules中加入: { test: require.resolve('@/assets/js/plugins/datatables/jquery.dataTables.js'), loader: 'exports...原创 2018-12-16 21:23:53 · 2110 阅读 · 0 评论 -
vue页面进入时闪烁问题的解决
一般有两种原因: 1.使用了{{}},解决方案使用v-bind 2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。 解决方法(亲测可行): (1)在css中加入代码 [v-cloak] { display:none; } (2)在挂载元素上加入属性 v-cloak 例如: <div class="#app"> <p>{{value.na...原创 2018-12-10 00:19:40 · 6345 阅读 · 0 评论 -
vue编写中问题记录
注:编写vue项目中的问题进行记录 1.检测数组变化 不能直接赋值, 可以用splice进行改变 let arr=[1,2,3] arr[1]=4 //不能响应变化 arr.splice(1,1,4) //可以响应变化 Vue.set(arr,1,4) //可以响应变化 vm.$set(arr, 1,4) //可以响应变化(vm是vue实例) arr.length=2 ...原创 2019-01-31 15:57:29 · 169 阅读 · 0 评论
分享