vue
文章平均质量分 67
弈剑のㄨ听雨阁_
加油
展开
-
Vue2+Vue3」 的 62 个知识点,看看你掌握了几个
这里只说Vue2的bind:指令绑定到指定元素时调用,只调用一次inserted:指定元素插入父节点时调用update:所在组件的 VNode 更新时调用:所在组件以及其子组件 VNode 全部更新后调用unbind:只调用一次,指令与元素解绑时调用props: {num: {// 返回值为false则验证不通过,报错return [== -1model: {原创 2024-03-05 09:10:04 · 956 阅读 · 0 评论 -
25 个 Vue 技巧,开发了 5 年了,才知道还能这么用
25 个 Vue 技巧,开发了 5 年了,才知道还能这么用以下文章来源于大迁世界,作者前端小智大迁世界我要先坚持分享20年,大家来一起见证吧。作者 |前端小智来源 |大迁世界学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门,可以让我们的编程生活变得更容易--没有大量重复的工作。在用 Vue 开发的这几年里,我学到了很多有用的技巧。有些很取巧,有些几乎每天都在用,有些则更高级--但它们都很有用。1. 将一个 pr...转载 2021-08-13 17:36:08 · 754 阅读 · 0 评论 -
uniApp wx-open-launch-app 微信浏览器内打开app及遇到的坑
概述微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签,网页开发者可安全便捷地使用微信或系统的能力,为微信用户提供更优质的网页体验。此文档面向网页开发者,介绍微信开放标签如何使用及相关注意事项。需要注意的是,微信开放标签有最低的微信版本要求,以及最低的系统版本要求。微信版本要求为:7.0.12及以上 系统版本要求为:iOS 10.3及以上、Android 5.0及以上对于符合微信或系统最低版本要求但仍无法使用微信开放标签的场景,将会在下方使用步骤中的wx.con原创 2021-06-01 15:53:13 · 8253 阅读 · 27 评论 -
uniApp 关于websocket接口封装,心跳,断线重连
创建websocket.js文件在关闭websocket的时候调用close方法,始终会报Cannot read property 'close' of null这个错误,这个困扰了我好久解决方法:关闭前先检查下close方法是否有效import store from '@/store/index.js'import http from "../../api/http.js";import base from '@/utils/base'import { socketEncry原创 2021-05-21 16:38:50 · 3475 阅读 · 7 评论 -
前端面试题
1.v-show和v-if有什么区别 什么时候使用最好区别:v-if是通过控制dom节点的存在与否来控制元素的显隐;v-show是通过设置DOM元素的display样式,block为显示,none为隐藏;什么时候使用:如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。2.带宽增加,什么方式去考虑问题1.病毒 在服务器上安装杀毒软件,进行杀毒。2.网络攻击 登陆阿里云管理控制台,查看云盾中的防护 DDOS 攻击是否调整好阈值, 并核...原创 2021-03-08 21:55:53 · 6901 阅读 · 0 评论 -
vue,vue-electron的WebSocket.js的封装
WebSocket.jsimport store from '../store' //vueximport config from './config' //配置文件export default { ws: null, websocket: false, conditions: '', time: 5000,//发心跳时间 WebSocketFn: function (fn) { //连接长连接 // this.ws = new WebSoc原创 2021-01-05 17:15:49 · 1985 阅读 · 0 评论 -
vue 最基本最常用的指令
插值表达式在data中定义字符串或对象,在html语句中使用{{}}双花括号方式获取data里的字符串或者对象。 字符串: 对象: 在这里分为两种情况: 第一种是直接取出对象。 第二种是取出对象的相应字段,也就是字符串或者数字呗。 直接取出对象: 取出对应字段 在插值表达式中也支持三目运算符、数字和数组的一些基本方法,可以自己去尝试。 v-bind v-bind用于绑定数据和元素属性,父传子数据时也能用到。 v-bind的简写是: v-bind:接的是自己起原创 2020-09-07 09:24:25 · 456 阅读 · 0 评论 -
vue Element InputNumber 计数器传参数
当我们在列表中使用InputNumber这个组件的时候即想要计数器的值,又想给方法传递参数进行操作的时候,就用到了这个,官网文档并么有详细介绍,这里我踩个坑,<div class="cart-one" v-for="(cartItem,index) in cartList" :key="index"> <div class="cart-item flex-2"> <img class="go...原创 2020-07-10 14:44:08 · 1697 阅读 · 6 评论 -
uniApp 请求接口封装
commons目录下加request.js// 引入配置文件import config from "./config.js";import User from "./user.js";export default{ config:{ baseUrl:config.webUrl, header:{ 'Content-Type':'application/json;charset=UTF-8', 'Content-Type':'application/x-www-for..原创 2020-06-05 17:49:47 · 3750 阅读 · 4 评论 -
打包后生成很大的.map文件的问题
项目打包后,代码都是经过压缩加密的,如果运行时报错,输出的错误信息无法准确得知是哪里的代码报错。而生成的.map后缀的文件,就可以像未加密的代码一样,准确的输出是哪一行哪一列有错可以通过设置来不生成该类文件。但是我们在生成环境是不需要.map文件的,所以可以在打包时不生成这些文件:在config/index.js文件中,设置productionSourceMap: false,就可以不生成....原创 2019-10-12 17:18:30 · 1286 阅读 · 0 评论 -
vue知识点
原创 2019-10-08 15:01:19 · 132 阅读 · 0 评论 -
vue 百度地图自定义样式
<template> <div class='amount'> <baidu-map class="map" :center="{lng: 116.404, lat: 39.915}" :zoom="14" :mapStyle="mapStyle"> <bml-heatmap :data="data" :max="100" :radiu...原创 2019-08-14 17:55:28 · 4414 阅读 · 4 评论 -
vue 百度地图 气泡图
<template> <div class='amount'> <baidu-map class="map" :center="{lng: 106.464029, lat: 29.547749}" :zoom="12"> <bm-navigation anchor="BMAP_ANCHOR_TOP_RIGHT"></...原创 2019-08-14 17:08:51 · 1260 阅读 · 0 评论 -
vue 子页面调父页面方法
1.创建util.jsimport Vue from 'vue'export default new Vue()2.父页面子页面分别引入import Utils from '@/utils/util'3.父页面定义方法名mounted () { var that = this this.selectUserInfo() Utils.$on('d...原创 2019-07-22 14:55:02 · 1175 阅读 · 0 评论 -
vue 父级页面向子页面通过url传值,子页面接受值
父页面传tokensendParams(){ this.$router.push('/medicalImaging?token=528720b202e54705860e28fcc468a231'); }子页面接受tokenthis.$route.query.token原创 2018-10-11 14:33:34 · 2007 阅读 · 0 评论 -
Vue 组件,事件,循环,父子传值,非组件传值 vuex
<template> <div> <button @click="changebnt(1)">第一项</button> <button @click="changebnt(2)">第二项</button> <button @click=&qu原创 2018-09-28 17:21:19 · 497 阅读 · 0 评论 -
vue 编辑header组件
<template> <div> <my-header custom-title="通讯录" custom-fixed > <button @touchstart="backBtn" slot="left">首页</button> <button @touchs原创 2018-09-29 10:58:43 · 1352 阅读 · 0 评论 -
vue 通讯录 自定义组件
在线demo:http://tangyupeng.top/dist/index.html#/phone <template> <div> <my-header custom-title="通讯录" custom-fixed > <button @touchstart="backBtn" slot="...原创 2018-09-29 15:00:43 · 1781 阅读 · 2 评论 -
vue 停车场车牌号键盘微信支付
应公司要求现在需做某医院的停车厂微信公众号支付功能前端框架 Vant https://youzan.github.io/vant/#/zh-CN/intro预览demo:http://tangyupeng.top/card/index.html#/主要功能需求:用户输入手机号监测该手机号是否注册,注册则进入车辆输入界面 现目前只处理了前端的逻辑操作,后续会根据接口处理各种状态,...原创 2018-10-15 14:48:01 · 1770 阅读 · 0 评论 -
webpack 在打包时在访问打包里面的index时,出现路径错误
1.js,cs的路径错误在代码结构中发现引入的js和css的路径前面有一个"/" 解决方法:在config下面的index.js把 assetsPublicPath: '/', 修改为: assetsPublicPath: './', ...原创 2018-09-30 10:29:31 · 1039 阅读 · 1 评论 -
vue 在线翻译
在线demo:http://tangyupeng.top/dist/index.html#/translation在线翻译调用免费AP Ihttps://tech.yandex.com/vue框架 element-ui效果实现创建translateform.vue,translateOutput.vue,translation.vuetranslation.vue...原创 2018-09-30 16:09:56 · 778 阅读 · 0 评论 -
vue中如何动态的绑定图片,vue中通过data返回图片路径
在项目中遇到需要动态加载图片路径,图片路径并非是从后台获取过来的数据。因此在data中必须用require加载,否则会当成字符串来处理。 <div class="flex-btns latbens"> <van-checkbox v-model="checkbox" @change="carTypeChange"> ...原创 2018-10-26 10:30:11 · 1245 阅读 · 1 评论 -
vue 停车场车牌号键盘微信支付(改版)
因项目需求改动整个停车缴费已大改,整个布局修改了一下,现支持微信支付,整个逻辑处理基于后台接口体检网址:https://xq.chuntaoyisheng.com/api/1.0/xqyy/park<template> <div id="dispense" navbar-fixed style="width:100%;"> ...原创 2018-11-01 17:15:37 · 2429 阅读 · 3 评论 -
mpvue 小程序 Uncaught TypeError: cannot read property call of undefined (webpack打包出错)
new ExtractTextPlugin({ filename: '[name].[hash].css', allChunks: true })extract-text-webpack-plugin问题:原创 2019-06-18 09:22:33 · 2969 阅读 · 0 评论 -
mpvue 修改背景颜色
写在这里哎,这个坑,这个纠结了老半天,在main.json里面设置不生效,在css里面写不生效,各种尝试,坑的一逼不能写在这里面<style lang='less' scoped>写在这里,哎坑<style>page{ background: #F2F7FE;}</style>...原创 2019-07-15 18:04:11 · 1014 阅读 · 2 评论 -
vue 在使用axios中报TypeError: Cannot set property 'name' of undefined at eva
在用axios中不能给初始的name赋值,提示“TypeError: Cannot set property 'namep' of undefined at eva”,纠结了老半天网上给的答案各种尝试,终于找到了答案 data(){ return { namep:"", age:"14", sex:'男'...原创 2018-10-11 14:21:59 · 4306 阅读 · 3 评论