![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
出太阳下雨�
xcx:办公室鱼塘
展开
-
年份范围选择器
年份范围选择器,由于element官方的DatePicker日期选择器的type没有yearrange。原创 2022-12-14 11:12:10 · 877 阅读 · 0 评论 -
watch监听数组对象中元素的变化
背景 监听一个数组,数组中的每个元素都是对象,如果某个对象中的属性值变化时,watch中的val 和 oldval是一样的值 结构如:let arr = [ { a: 1, b: 2, c: 3}, { a: 1, b: 2, c: 3}]解决方法computed: { newArr : function() { return JSON.parse(JSON.stringify(this.arr)) }}在计算属性中写一个新的数组,值为JSON.parse(JSON.st原创 2021-10-27 16:46:18 · 5183 阅读 · 3 评论 -
动态渲染组件的几种情况
多个组件,只展示一个 在父组件中引入多个子组件,不同情况下,只展示其中一个。 <component is="projectDescription"></component> 通过component的is属性,可以绑定自定义的子组件名字,:is可以绑定一个变量,变量切换为想要显示的子组件名,页面则会切换显示对应子组件。 如 this.comChange = "circleOverview",则可更改子组件为能耗同环比概览。<template> <原创 2020-12-10 16:02:09 · 238 阅读 · 0 评论 -
chrome浏览器解决跨域问题
一、首先在你的C盘建立一个空的文件夹 chromedata二、在chrome浏览器 “属性”-“目标” 后面加上 --disable-web-security --user-data-dir=C:\chromedata(注意:需要在中间加一个空格分隔)...原创 2020-04-18 23:42:29 · 211 阅读 · 0 评论 -
js实现文本查找、替换
js实现文本查找、替换主要核心:使用字符串的replace方法,替换。效果:代码:使用vue+element示例HTML:<template> <div> <el-divider></el-divider> <el-row> <el-input v-model="ipt...原创 2020-04-11 16:49:34 · 2206 阅读 · 1 评论 -
vue-router路由
vue-router路由后端的路由一般是用于写接口,不同的URL路径对应不同的数据。前端的路由,不同的路由展示不同的视图内容。vue不同的视图内容可由组件构成。一个URL路径对应一个组件视图页面。对于大多数单页面应用,都推荐使用官方支持的vue-router库。需引入vue-router.min.js导航路由1、路由导航标签默认解析为a标签(通过a标签的锚点跳转),如果想要更改元素...原创 2019-11-05 09:23:55 · 150 阅读 · 0 评论 -
fetch和axios
fetchfetch 浏览器提供的拥有底层交互能力的方法。获取数据fetch,需要引入fetch.js官方解释:fetch是window.fetch的JavaScript polyfill。全局fetch函数是web请求和处理响应的简单方式,不使用XMLHttpRequest。这个polyfill编写的接近标准的Fetch规范。get方式(默认)fetch('***?id=*') ....原创 2019-11-02 21:09:06 · 156 阅读 · 0 评论 -
组件传值 组件操作 自定义指令
组件传值组件关系:1、父子关系2、兄弟关系组件传值:1、父传子当子组件在父组件中当做标签使用时,给当前子组件绑定一个自定义属性,值为需要传递的数据。<v-child name="hello" :name1="title" ></v-child>在子组件内部通过props属性来进行接收属性名,接收方式为数组。props:['name','name1']...原创 2019-10-24 09:32:17 · 399 阅读 · 0 评论 -
vue计算属性
计算属性依赖data的数据进行处理操作,最终返回新的数据值。计算属性:computed:{ sum(){ if(this.a>100){ return 'hello'; }else{ return 'hi'; } }}使用:直接加载计算属性函数名,data中不能存在同名属性<p>{{ sum }}</p>(1)在模板中表...原创 2019-10-22 14:33:35 · 176 阅读 · 0 评论