![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 52
Moqin89
这个作者很懒,什么都没留下…
展开
-
vue在main.js中eventHub
有时候在vue 中我们需要在不同的组件中传值数据,大部分情况下我们可以store,或者可以使用inject 注入,又或者使用一个单独得js,类似bus.js 。但是我们还是可以使用另外的一种bus。不过这个使用更加方便,而且不用新建文件。这个方法可以无视嵌套多少层级主要的使用方法是在main.js中,在new Vue时候加上一个data的对象参数➡️代码示例:文件结构是index.vue...原创 2020-03-14 21:38:21 · 886 阅读 · 0 评论 -
iview tabs 可以设置指定的删除
页面效果:主要使用了函数式组件,这里需要优化的是删除后当前选中的render.jsexport default { name: 'RenderCell', functional: true, props: { render: Function, name:String, index:Number },...原创 2019-08-21 12:49:48 · 1420 阅读 · 0 评论 -
iview表格实现单选
{ title: "选择", type: "_checked", align: 'center', render: (h, {row, index}) => { let _that = this; return h('div', [ h('Checkbox', { props: { value: row._checke...原创 2019-08-02 16:43:43 · 1754 阅读 · 0 评论 -
iview按了entry键,有了其他的操作
这里有个可能,查看下自己的form表单是不是只有一个标签formItem,如果只有一个标签formItem,可以在formItem下面的输入框或者其他的标签上加上entry按键的事件,一个空事件<DatePicker @keydown.native.enter.prevent="()=>{}" type="date" v-mod...原创 2019-04-22 11:13:47 · 300 阅读 · 0 评论 -
iview表格下拉操作
{ title: "操作", align: "center", render: (h, {row}) => { event.preventDefault(); event.stopPropagation(); let $this = this; return h('Dropdown', { props: {trigger: 'click'...原创 2019-02-14 17:30:05 · 1216 阅读 · 0 评论 -
iview表格头部使用下拉框
cols: [{ width: 250, align: 'center', renderHeader: (createElement, {col}) => { return createElement('Select', { props: { value: this.visitRecordData.identifierDataIndexType...原创 2019-01-18 16:25:00 · 1252 阅读 · 0 评论 -
dom转换图片并下载html2canvas
exportReport() { let a = document.createElement('a'); html2canvas(this.$refs.png这个改成自己的).then(canvas=> { let dom = document.body.appendChild(canvas); dom.style.display ...原创 2018-12-27 14:16:14 · 235 阅读 · 0 评论 -
vue-quill-editort图片上传,因quill-image-extend-module跨域问题
mounted() { if (this.$refs.myQuillEditor) { this.$refs.myQuillEditor.quill.getModule(&amp;quot;toolbar&amp;quot;).addHandler(&amp;quot;image&amp;quot;, this.imgHandler); } }原创 2018-11-29 20:03:36 · 3429 阅读 · 1 评论 -
watch的immediate使用
watch的immediate使用对于watch的使用大家都还是比较熟悉的,我们平时使用的比较多的就是watch一个变量,偶尔还是使用deep:true来监听对象,但是immediate的使用就相对比较少,之前有遇到过这个属性,而且也查找过资料,但是一直都是有点懵懵的,要深刻去理解他,我们还是主要是从它的作用,需要在那种情境下使用它首先我们理解下watch的使用首先确认 watch是一...原创 2018-11-15 11:13:54 · 47741 阅读 · 5 评论 -
计算属性computed和侦听watch,方法methods的相比较的一些理解
computed vs methods比如,我们要在页面上显示A+B的值,methods方法:reuturn A+Bcomputed计算属性:return A+B这样看起来两个是没有区别的,都是可以返回结果,而且当A或者B变化时候都是可以返回正确的结果,这个是没问题的,但是,如果页面还有一个变量C呢,这个C变化时候页面会重新渲染,这个时候两个就有区别了:methods回去重新...原创 2018-11-10 15:49:02 · 445 阅读 · 0 评论 -
vue draggable 火狐拖拽搜索问题
最近在使用vuedraggable做导航时候,谷歌拖拽是没问题的,但是在火狐测试时候,拖拽时候是可以成功,但是火狐还是打开了一个新的tab,并且搜索了,一开始想着是阻止默认行为,但是在@end时间中阻止了默认行为,使用vue的.prevent.stop也是不行,后来各种搜索后在这里才找到答案 传送我是在created中添加了created() { document.b...原创 2018-11-02 16:59:02 · 2418 阅读 · 1 评论 -
vue-cli3 less全局变量
首先一定要确定安装了vue-cli3X以上,接着直接运行这哥命令就可以了vue add style-resources-loader如果上面的没反应,请再一次确实是不是升级到了vue-cli3.x以上,如果安装失败或者提示错误,可以试着先把全部依赖删除了,先安装vue add style-resources-loader,那是这里就是一直安装不成功,后来全部删除,先安装这个,最后...原创 2018-10-30 09:24:40 · 5716 阅读 · 2 评论