Vue
关注
分享
扫一扫
笔记
避坑记录
努力奋斗的年纪只管努力奋斗
展开
-
css设置背景图片和边框背景
css设置背景图片自适应和边框背景原创 2023-07-27 14:02:19 · 698 阅读 · 0 评论 -
vue父子组件传值，修改值
vue父子组件传值，修改值父子传值，双向绑定原创 2023-01-12 18:03:32 · 806 阅读 · 0 评论 -
按拼音排序展示城市
按照城市拼音排序展示原创 2023-01-04 22:04:44 · 257 阅读 · 0 评论 -
Vue_cli中config文件配置详细注解
Vue_cli中config文件配置详细注解原创 2022-12-29 14:57:20 · 498 阅读 · 0 评论 -
搭vue项目（初级版）
搭建vue项目原创 2022-12-27 11:23:55 · 1322 阅读 · 0 评论 -
前端一直向后端发送请求
我代码的原因 是因为页面用了v-show作为判断语句了。改成v-if就好了原创 2022-12-23 21:21:43 · 305 阅读 · 0 评论 -
浏览器中复制功能
浏览器复制，分享，navigator.clipboard.writeText失效原创 2022-11-23 20:55:40 · 1127 阅读 · 0 评论 -
Vue写步骤条
其实这个功能本身js方法不难，我花时间是在布局上。<template> <div class="box-wrap"> <div class="wrap"> <div class="box" v-for="item in this.stepList" :key="item.id"> <div class="heng icon"> <div v-if="!item.done" class原创 2022-02-24 14:54:10 · 668 阅读 · 0 评论 -
Vue写一个二级菜单，进行增删改
<template> <div> <div class="menu"> <div class="first" v-for="(item, index) in menu" :key="index"> <span>{{ item.title }}</span> <div class="second" v-for="(items, i) in item.children" :ke.原创 2022-02-23 17:36:03 · 761 阅读 · 0 评论 -
iView输入框校验失败
bug:第一次校验可以，如果本页面有保存按钮，点击保存后刷新页面校验就失效了。解决办法：方法一：可能是页面中过多的if语句，没有跳出if语句。所以要为if语句加else{return false; // 也不是万能语句，依照自己的条件判断做相应的改变}方法二：发现input的校验规则是一个异步的，对于Promise只有两种状态，要么成功，要么失败。出现这个bug的时候是由于Promise既不成功也不失败，不反悔状态了。所以解决办法就是需要它返回状态。// input 的校验规则原创 2022-02-10 15:03:25 · 1077 阅读 · 0 评论 -
iView中的Select远程搜索执行三次
昨天做项目遇到一个新需求，就是将原来选择下拉框变成可搜索的，可模糊查询的。由于数据是键值对返回的，所以改起来很费劲。我在想用AutoComplete虽然方便，但是这个方法就把键值对分开传值了，其他页面回显信息的时候也得大改，emmmm,恕小的比较懒。我想大家都不想改动代码，就还是用Select组件实现吧。以下是实现遇到得bug，一个让人头皮发麻的bug！！！使用了select的属性：remote-method,来定义一个搜索的方法；on-chang定义选中选项的方法<Select原创 2021-10-21 08:16:37 · 2271 阅读 · 2 评论 -
iview组件中FormItem限制输入的最大长度
我先阐述一下我遇到这个问题时的需求它是一个FormItem包裹着的Select组件，需求是可以输入内容并且输入的长度不可以大于20，输入的内容可以是任意字符。输入内容后如果有历史记录就可以选择。遇到的问题：1. 更换FormItem为Input组件，但是Input组件不能嵌套其他组件2. 想到了用AutoComplete组件替换，绑定数据依然用v-module,绑定数组用 :data="array",这个组件实现了历史记录的展现，但是它不能限制输入内容的长度3. 利用FormIte.原创 2021-09-08 16:15:12 · 1256 阅读 · 0 评论 -
VueCLI使用vue-roter
第一步：安装vue-cli文件打开你要放置文件的文件夹，在终端输入vue create name // 这个name可以使用 - ，但是不可以存在中文、大写字母第二步：安装vue-routervue add router第三步：构建一个你想要的结构，我的结构如下App.vue,home.vue,about.vue这三个文件中的内容你就自由发挥吧~第三步：router-->index.js文件import Home from ...原创 2021-09-08 15:51:56 · 106 阅读 · 0 评论 -
Vuex中的store
第一步：首先你要具备实战它的载体，那就是你有已经跑起来的vue项目。第二步：安装vuex,引入vuexnpm install vuex --saveimport Vuex from 'vuex'Vue.use(Vuex)第三步：在vue->src目录下创建一个store.js文件首先引入vue,因为$store是在vc身上// 引入vueimport Vue from "vue";// 安装并引入vueximport Vuex from 'vuex'// 使用原创 2021-08-22 08:52:33 · 2587 阅读 · 0 评论 -
Vue中组件传值
1. 父组件向子组件传值（内容显示在父组件）父组件为：pages->index页面 子组件为：components->uniText文件， 父组件给子组件用props[]方法 在父级index页面 组件中动态绑定需要传值的内容(datatitle),propstitle为子组件props中定义的名字父级要一样的名字都是 datatitle, 子组件传的值得名字是 propstitleindex.vue<template> <view ...原创 2021-04-16 21:49:21 · 367 阅读 · 0 评论 -
Vue 中的组件声明&全局组件与局部组件的书写区别
目录一、全局组件的声明二、 全局组件与局部组件的书写区别一、全局组件的声明首先，我按照往常的习惯先声明了 vue，写出来的代码貌似表面上看上去并没有错误，但是它的确是错误的，而且这个错误我找了很久刚开始的代码<body> <div id="app"> <my-component></my-component> </div></body><script>原创 2021-01-16 17:04:58 · 705 阅读 · 0 评论 -
beforeMoun中 render 的首次调用
beforeMount:中 render 的作用是渲染<div id="app"></div><script> var vm = new Vue({ el:"#app", template :"<h3>{{msg}}</h3>",//标签模板 /* * 1. 原本在 div 中显示的内容应该是 data 中的数据 * 2. 用了 render 进行渲原创 2021-01-11 22:13:49 · 196 阅读 · 0 评论 -
Vue 的生命周期钩子
首先介绍一下关键的几个生命周期beforeCreate:实例 初始化之后 调用 created:实例 创建完成后 被立即调用，挂载阶段还没开始beforeMount:在 挂载 开始之前 被调用，render首次调用（渲染） mounted:实例 挂载 后 调用注：等整个试图都渲染完毕，在 mounted 内部使用 vm.$nextTickbeforeUpdate:数据 更新时 调用;手动移除已添加的事件监听器 updated:数...原创 2021-01-11 22:09:09 · 113 阅读 · 0 评论