vue
迷途大灰狼
这个作者很懒,什么都没留下…
展开
-
layui使用vue后导致组件渲染失败的解决方法
layui加载模块如果加载的模块是:layui.js 在layui进行渲染的时候,必须在<div class="layui-form"></div>中进行渲染 在页面加载的时候,使用: <script> layui.use('form', function() { var form = layui.form; form.render(); }); </script>到此,页面中的radio,以及select就可以正常显示了。如果是动态追加的rad转载 2020-11-18 14:09:51 · 882 阅读 · 0 评论 -
VUE项目富文本编辑器VUE-QUILL-EDITOR之自定义图片上传
使用富文本编辑器的第一步肯定是先安装依赖 npm ivue-quill-editor1、如果按照官网富文本编辑器中的图片上传是将图片转为base64格式的,如果需要上传图片到自己的服务器,需要修改配置。 创建一个quill-config.js的文件,里面写自定义图片上传。代码如下/*富文本编辑图片上传配置*/const uploadConfig = { action...转载 2020-03-11 17:44:08 · 735 阅读 · 0 评论 -
Vue2.0 解决watch对象属性变化监听不到问题
很早之前就遇到一个问题,父组件向子组件传值,子组件监听传入对象的某个属性。发现子组件使用deep watch都不能观察到对象中属性的变化,今天终于找到为啥出现这种问题和解决办法了。解决为啥出现这种问题?受 ES5 的限制,Vue.js 不能检测到对象属性的添加或删除。请参照https://v1-cn.vuejs.org/guide/reactivity.html解决方式:通过vue的this...转载 2019-10-28 14:36:51 · 2850 阅读 · 0 评论 -
Vue 父组件获取子组件的表单绑定值
父组件调用子组件使用增加ref <edit-pwd ref="pwd"></edit-pwd>需要获取到子组件最新的值,调用:this.$refs.pwd 就可以获取到了原创 2019-07-30 15:13:19 · 4034 阅读 · 0 评论 -
vue 父组件与子组件相互通信
vue 父组件与子组件相互通信一、父组件给子组件传值 props 实现父组件向子组件传值。1父组件里:<child-pack :msg ="myMsg" v-on:listenTochildEvent="showMessageFromChild"></child-pack>msg是绑定的自定义属性,类似我们原生html 给标签自定义属性一样,Widg...转载 2019-07-17 11:29:50 · 1265 阅读 · 0 评论 -
Vue全局引入JS的方法
两种情况:1. js为ES5的写法时,如下(自定义的my.js): 1 2 3 functionfun(){ console.log('hello'); } Vue中的全局引入方式为,在index.html中通过如下方式引入即可: 1 <script src=...转载 2019-07-09 17:33:55 · 14067 阅读 · 0 评论 -
vue2.0引入腾讯地图
百度很多东西,然后我没找到腾讯地图在VUE2.0里面的引用。于是根据找的其他地图引用资料进行尝试。步骤如下。首先在src里面建立了TMap.js的文件,内容如下: export function TMap(key) { return new Promise(function (resolve, reject) { window.i...转载 2019-05-16 16:02:42 · 6732 阅读 · 8 评论 -
vue的父组件调用子组件中的方法
在vue我们可以用$ref获取子组件的实例和获取DOM所以我们想要在父组件调用子组件方法就可以通过$ref去获取然后调用就好了例: 子组件:<template> <div></div></template><script> export default { created(){ } m...原创 2019-02-20 17:40:59 · 718 阅读 · 3 评论 -
解决vue.js 数据渲染成功仍报错的问题
最近在做一个vue项目,用的是官方推荐的axios请求数据,数据结构是一级对象嵌套二级对象,发现一级对象数据渲染不报错,二级数据渲染报错。很是郁闷!data函数如下? 1 2 3 4 5 6 7 8 9 export default { name: 'hello', data()...转载 2019-02-20 16:03:14 · 2438 阅读 · 0 评论 -
Vue使用html2Canvas和canvas2Image下载二维码会模糊的问题解决方法
1. 安装npm install html2canvas --save现在最新的版本应该是1.0.0,另外还有一个比较经典的版本是0.5.0,网上有许多关于这个版本的bug说明。2. 使用<div class="imageWrapper" ref="imageWrapper"> <img class="real_pic" :src="dataURL" ...转载 2018-12-20 14:47:51 · 2679 阅读 · 0 评论