vue
像风一样自由自由
这个作者很懒,什么都没留下…
展开
-
Vue中mounted和created的区别
created:在模板渲染成html前调用,即通常初始化某些属性值,然后再渲染成视图。mounted:在模板渲染成html后调用,通常是初始化页面完成后,再对html的dom节点进行一些需要的操作。(调用第三方插件可以放在mounted里边)...原创 2018-12-06 10:33:37 · 2822 阅读 · 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 · 299 阅读 · 0 评论 -
vue使用html2canvas和jspdf把页面元素生成pdf文件
1.npm install html2canvas jspdf --save2.import html2canvas from ‘html2canvas’import jsPDF from ‘jspdf’3.使用html2canvas(document.querySelector('#exportContent')).then(function(canvas) { //元素id为expo...原创 2019-01-24 14:29:00 · 2738 阅读 · 1 评论 -
vue调用ace富文本编辑器
<div class="code-type"> <label class="radio-inline"><input type="radio" value="sh"原创 2018-12-24 16:27:51 · 2716 阅读 · 1 评论 -
$nextTick的一次使用
注:暂时解决了问题,以后再根据情况更新。在获取数据,更新dom后要执行的方法,可以放在$nextTick里边。通过ajax获取数据,然后根据这些数据才显示页面元素,然后这些元素又要调用第三方插件,此时需要用到$nextTickthis.$nextTick(() => { //写入调用方法 })...原创 2018-12-16 21:59:05 · 601 阅读 · 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 · 1385 阅读 · 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 · 1396 阅读 · 0 评论 -
vue组件引入layui框架的table组件
注:暂时解决了问题,以后再根据情况更新。layui框架中,layer、laydate、layim可以作为单独的模块来使用,所以可以在vue组件中直接使用,但是对于layui的其它组件,如数据表格table组件,则不能直接使用。可以通过在入口js文件加入以下代码,解决:require "**/layui.js" //**代表layui所在的路径...原创 2018-12-16 21:34:35 · 4418 阅读 · 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 · 2057 阅读 · 0 评论 -
vue页面进入时闪烁问题的解决
一般有两种原因:1.使用了{{}},解决方案使用v-bind2.使用v-if,出现原先要隐藏的元素先出现然后在隐藏从而造成了闪烁的问题。解决方法(亲测可行):(1)在css中加入代码[v-cloak] { display:none;}(2)在挂载元素上加入属性 v-cloak例如:<div class="#app"> <p>{{value.na...原创 2018-12-10 00:19:40 · 6234 阅读 · 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 · 134 阅读 · 0 评论