![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
caixiajia
这个作者很懒,什么都没留下…
展开
-
vue常用小技巧
1、动态设置ref使用:ref="`list${i}`" ,为每一项动态添加ref<div v-for="(item,i) in list" :key="i" :ref="`list${i}`">{{item}}</div>2、获取动态设置的ref使用this.$refs[`list${i}`][0] 获取当前元素dom结构...原创 2019-12-01 16:11:45 · 417 阅读 · 0 评论 -
vue中对象的监听
watch: { //普通属性的监听 options(val) { this.singleOptions = val }, //对象的监听 itemList: { deep: true, handler: function() { this.multipleItemL...原创 2018-11-12 10:04:57 · 1281 阅读 · 0 评论 -
vue中data数据之间的调用
场景:多个options的选项一致,想抽取出一个公用的,其他的直接用这个就可以topicList: [{ name: '1、您认为正确吗?', isSingle: true, options: this.singleOptions},singleOptions: [{ label: '正确', value: '1'},{ ...原创 2018-11-12 10:35:20 · 33075 阅读 · 1 评论 -
微信h5支付遇到的问题
h5支付的开发工作主要在后端,前端只是跳转下就可以了。location.href = data.data.mweb_url1、报网络环境未能通过安全验证,请稍后再试原因:调用微信下单接口时未传spbill_create_ip这个参数。解决方法:前台传客户端IP给后台,参考https://www.jianshu.com/p/956aeb07a9c3使用搜狐接口<scr...原创 2019-01-10 15:21:36 · 1196 阅读 · 1 评论 -
微信支付总结
最近做了微信支付:包括h5支付、JSAPI支付、小程序支付,将其中遇到的问题记录在此,以便后续查找。1、h5支付前端需要传递spbillCreateIp到后端,否则会报签名错误2、JSAPI支付商户平台支付授权目录需配置前端请求支付的地址,而不是后端支付的地址。...原创 2019-01-11 11:34:50 · 503 阅读 · 0 评论 -
ios接收到验证码后选择复制消息,验证码重复问题
1、普通的input<input type="text" placeholder="请输入验证码" v-model="verifyCode" maxlength="6" autocomplete="new-password"/>2、mint-ui<mt-field label="手机验证" placeholder="请输入验证码" v-model="verify...原创 2019-05-15 12:00:53 · 4186 阅读 · 1 评论 -
如何使得vue项目打包后不能看到源代码
1、在项目构建后,按F12后可以看到源代码2、config/index.js 里,将productionSourceMap改成false就可以了原创 2019-08-20 09:33:05 · 6334 阅读 · 3 评论 -
mint-ui中使用iconfont
在项目中需要使用mint-ui的toast组件,但发现没有现成的关闭图标,百度查找发现可以在mint-ui中使用iconfont。1、iconfont下载需要的图标2、解压后替换原有项目中的iconfont相关文件3、在vue中使用引入的classToast({ message: '转文字失败', iconClass: 'iconfont icon-guanbi'...原创 2019-08-26 11:30:56 · 1077 阅读 · 0 评论 -
移动端长按禁止默认事件总结
转:https://blog.csdn.net/webKris/article/details/809427731、如果是禁用长按选择文字功能,用 css : (这种方法已尝试,可行)全局* 或者 局部选择相映的DOM加* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select...转载 2019-08-28 11:25:40 · 2386 阅读 · 0 评论 -
vue父组件向子组件传递异步加载的数据不显示解决方案
1、父组件<wxChat :data="wxChatData" :showShade="false" :contactNickname= doctor.doctorName :ownerAvatarUrl="ownerAvatarUrl" :c...原创 2018-11-02 09:48:11 · 7286 阅读 · 0 评论 -
引入better-scroll后,动态生成的div无法点击
this.scroll = new BScroll(this.$refs.dept,{click:true})在引入的时候加上click:true参数即可。原创 2018-10-30 19:46:48 · 367 阅读 · 0 评论 -
标记
https://segmentfault.com/q/1010000012718765子组件直接 渲染 list 就好了 你这 渲染的是items 不是你传进去的值v-for="item in list "data 可以不要了原创 2018-10-31 22:46:37 · 170 阅读 · 0 评论 -
搭建第一个vue项目
1) 首先,在已经搭建好的环境的components下新建一个vue文件,作为我们自己的vue组件。 2) 然后在HelloVue.vue文件中添加以下代码,vue文件的格式分为三个模块,如下图所示,首先时template模板,然后是script标签及代码,最后是style样式。注:<script type="text/javascript">这个type必须写,否则报错。...原创 2018-07-16 17:23:13 · 1914 阅读 · 0 评论 -
vscode使用技巧总结
1、快速生成html第一步:在空文档中输入!第二步:按下tab键。原创 2018-08-16 15:49:42 · 1576 阅读 · 0 评论 -
首次使用Mint UI的DatetimePicker 弹出的样式总是乱的
背景:在vue的子组件中引入mint ui的样式<style lang="sass" scoped>@import 'mint-ui/lib/style.css'</style>在网上查资料查了半天,发现是因为scoped的原因,把scoped去掉就可以了...原创 2018-08-21 11:59:36 · 1700 阅读 · 1 评论 -
vue 日期格式化
转:https://blog.csdn.net/genius_yym/article/details/77530602(一)函数封装(将该函数封装成一个文件,或者加入自己项目的函数库)// 这个函数 网上 随处可见,我也是应用了别人的。export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { ...转载 2018-09-04 11:36:25 · 21325 阅读 · 1 评论 -
vue卸载插件
1、安装插件npm install --save qrcode2、卸载插件npm uninstall qrcode原创 2018-09-04 17:02:46 · 27238 阅读 · 0 评论 -
vue中使用qrcodejs2 生成二维码
需要注意的是qrcode也可以生成二维码,一开始引入的是qrcode的插件,使用下面的方法报错。所以又上网找的,发现应该使用qrcodejs2一、npm install qrcodejs2 --save二、使用页面 import QRcode form 'qrcodejs2'三、HTML中<div id="qrcode"></div>四、js中 ...原创 2018-09-04 17:17:43 · 15722 阅读 · 3 评论 -
vue使用jsbarcode生成条形码
1、安装jsbarcode插件npm install jsbarcode --save2、js导入import JsBarcode from 'jsbarcode'3、调用方法生成barcode () { JsBarcode("#barcode", "Hi world!",{ format: "CODE128",//选择要使用的条形码类型 ...原创 2018-09-05 14:38:53 · 8256 阅读 · 1 评论 -
vscode 方法代码块的注释生成方法
1、安装插件 Document This2、将光标放置于function上面,快捷键是 Ctrl+Alt+D 加 Ctrl+Alt+D注:vue里的method方法中的function用这个不行,单独的一个文件中可以,类似下面的代码/** * * 获取指定的参数值 * @param {*} name 参数名称 */const getUrlParam = function...原创 2018-09-05 17:37:10 · 47781 阅读 · 0 评论 -
h5传中文参数乱码问题
获取url中参数函数,有可能会有中文参数,这时就需要用decodeURI解码下 const getUrlParam = function (name) { var url = location.href; //获取url中"?"符后的字串 if (url.indexOf("?") != -1) { //判断是否有参数 var str = url.subs...原创 2018-09-05 18:35:06 · 2294 阅读 · 0 评论