weixin_45799605的博客

vue简体繁体互转无需做字库

input 非密码框如何禁止复制内容

vue-seamless-scroll 动态开启和关闭滚动

注册页面 input密码输入框禁止填充禁止出现历史记录下拉框

vue项目修改图标修改不了

echarts嵌套仪表盘

let enc = new TextDecoder('utf-8')let data = JSON.parse(enc.decode(new Uint8Array(res.data)))```

方法: require.context(".",true,"/.js$/")解读:第一个参数目标文件夹,第二个参数是否查找子集,第三个参数匹配文件名的正则表达式代码const files = require.context(".", true, /\.js$/);let routeArray = []files.keys().forEach(key => { if (key === './index.js') return; const defaultList..

1.第一种方法是在mounted中创建，在离开页面时一定要销毁不然再次进入页面会执行多次2.由上图可见 如果init方法需要在别的方法里调用和传参也要保证e的存在第二种方法不用创建和销毁 直接在方法里 window.onclick = (e) => { ..... }...

<template> <div> <van-nav-bar title="标题" left-text="返回" left-arrow @click-left="onClickLeft" /> <van-pull-refresh v-model="refreshing" @refresh="onRefresh"> <van-list :offset="offset" v-model="load

ESlinteslin格式化插件vetur格式化插件vue2 Snippets通过命令快速生成代码

npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass

安装cookienpm install js-cookie --save使用在登录页面引入Cookieimport Cookie from ‘js-cookie’路由守卫配置router.beforeEach((to,from,next)=>{//存储tokenstore.commit('setToken',Cookie.get("token")) //防止刷新也买你token丢失//需要token才能访问的也买你if(to.meta.requireAuth){if(

首先新增页面点击添加 按钮出现下面input框, 为了保证输入的时候 <a-row class="form-row" :gutter="10" v-if="show" v-for="item in beneficiary" :key="item.id"> <a-col :span="12"> <a-form-item :labelCol="labelCol" :wrapperCol="wrapperCol" label="

关闭:autocomplete=“off”打开:autocomplete=“on”

在vue 有的页面是可以访问的 有的页面是需要登录后才能访问的图上我标识的路由是需要登录后才能访问的代码:`router.beforeEach((to, from, next) => {if (to.path == “/login”) { //如果是访问登录页 直接放行return next()}const token = window.sessionStorage.get...

浏览器提示你了，promise需要错误处理的回调then()后加上catch()就ok了

第一步先试用echarts.init()方法:在获取dom元素后 可以通过echarts.init() 创建echar实例因为echarts里需要使用dom来挂载画布,我通过 ref 获取dom节点(ref是在dom渲染完成之后才有的) 所以在使用echarts时要在生命周期mounted(){}钩子中调用 或者使用this.$nextTick(()=>{})中调用(它会在dom更新...

需求一个页面多个echarts图表,把echarts写出组件 通过props传值第一种方法:在父子间中使用ref 在给子组件传值之后 通过this.$refs.drawPie() 执行echarts组件里面方法实现实时刷新数据第二种方法在echarts子组件 watch监听传过来的值 当值发生变化是就执行this.drawPie()方法,就不在mounted中执行 watch:{...

data () { return { isheader:true, visible: true, oldScrollTop: 0, offsetWidth: '', } },在data中定义一个offsetWidth就收浏览器宽度的值在mounted中去获取浏览器宽度mounted(){this.offsetWidth ...

<template> <div> <a-date-picker @change="onChange" v-model="timeValue" /> <button @click="quxiao">quxiao</button> </div></template><s...

在componets里面创建login.vue ,在router.js中引入页面通过token 来进行判断是否已登录 所以在请求登录接口时把token存在sessionStrorage里 每次进行页面跳转是都会判断是否存在token 如果不存在则返回登录页挂载路由首守卫router.beforeEach((to,from,next)=>{if(to.path=="/login...

第一步 在index.html中引入 第二步在根目录下创建 vue.config.js 文件module.exports = { configureWebpack: { externals: { 'AMap': 'AMap', 'AMapUI': 'AMapUI' } } };...

state: 用来存储数据的 相当于data,// 组件间公共数据部分mutations: 需要改变state中的数据时，要在mutation里定义改变的⽅法actions: 当state里面的数据需要异步操作是时要在 actions里面定义方法2.基本使用 state: { count:0 },count 是我vuex state 里面存储的数据在其他页面获...

let a = JSON.parse(JSON.stringify(this.data))data是父组件传给子组件的值 在子组件里面进行深克隆

功能介绍(历史轨迹,一键导航,显示附近医院,公安局)这篇相对于之前发的比较完整,思路比较清晰.代码如下 <template> <div class="content"> <div class="amap-wrapper"> <el-amap class="amap-box" vid="amap" :zoom="zoom" :...

之前用别的功能都没什么错误,后来想用折线功能做个历史轨迹发现了这个问题我不是在man.js 中引入了吗~~~~ 第一次出现这种错误 蒙的一B首先,我们在man.js 引入 使用了vue.use(VueAMap) 转化后是defar执行 属于延迟执行脚本所以 我们在index.html 中引入 让他加载完成之后再执行之后的代码 <script type="text/javascrip...

stylus样式穿透使用 >>>外层 >>> 第三方组件{}2.sass less样式穿透使用 /deep/外层 >>> 第三方组件{}或者 直接/deep/{}

1使用$emit()父组件：<template> <div> <add v-on:console="console"/> </div> </template><script>import add from './components/add.vue'export default {...

<template> <div>　　 <input v-model="example0"/>　　 </div></template><script>　　 export default {　　　　　　data(){　　　　　　　　return {　　　　　　　　　　example0:"",　　　　　...

如图，点击那个 哪个添加 class <li v-for="(list,index) in list" @click="addback(index)" :class="{ liBackground:changeLeftBackground == index}">{{list.name}}</li>data里面的数据 data(){ return{ ...

<p class="file-Text">{{item.name | ellipsis}}</p>利用过滤器filters:{ ellipsis (value) { if (!value) return '' //如果没有返回空 if (value.length > 10) { return value.slice...

1.打开信息窗体上个文章已有(点击bbbb)2.在项目中可能打开信息窗体里面可能还需一些功能,所以点击事件是必不可少的3.利用事件委托 e.target判断是否是自己想要的点击的dom元素或者用settimeout也行4.如果点击其他地方出现报错 就在 destory生命周期里面把事件移除掉我这里就直接上代码 了 <template> <div class="...

安装就不说了,附上代码(复制粘贴就行) <template> <div class="content"> <div class="amap-wrapper"> <el-amap class="amap-box" :zoom="zoom" :center="center" :mapStyle="mapStyle"> ...

需要更换图片样式自行更改投的页面不需要底部导航栏在 在路由原信息里面设置true或false 在使用组件是进行显示和隐藏<template> <div class="footbar-main"> <ul class="bootbar"> <router-link class="bootbar-item"...

<span v-for="(ele, index) in item.travelList" :key="index" >{{ele.travelName}}{{index+1 === item.travelList.length ? "":" > " }}</span>