样式 组件scoped vue
关于element-plus框架一些样式的修改
一、关于使用element框架一些测试建议覆盖的样式 1.取消按钮的focus效果 (1) css样式覆盖 // element按钮部分伪类样式覆盖 // 用于覆盖element按钮focus的样式 .el-button:not(.is-link):not(.is-text):not(.is-dis ......
Vue的快速上手
01-Vue介绍 0 前端的发展史 1.HTML(5)、CSS(3)、JavaScript(ES5、ES6)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2.Ajax的出现 -> 后 ......
在 CocosCreator3.x 中使用 Mask 组件来实现 “果冻墙” 效果。【A.F.K protocol】
JellyWallButMask 是一个基于 CocosCreator 的 Github 项目，旨在通过使用 Mask 组件来实现“果冻墙”效果。这种效果允许用户拖动“墙块”，并在松手后将其复位。同时，在拖动过程中，它能够正常透视底图。然而，需要注意的是，每个 cell 会增加3个 drawcall... ......
Vue--this的指代问题及用法
Vue--this的指代问题及用法 this在普通函数( function( ){ } )里，指代调用该函数（方法）的对象 this在箭头函数( ()=>{} )里，指代定义该箭头函数的外层对象 在axios调用当前vue实例的data： axios回调函数( .then() )是在执行栈中被执行， ......
Vue-选择器v-model绑定对象
Vue-选择器v-model绑定对象 <template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" : ......
一个基于Vue模型的表单生成器
哈喽,我是老鱼，一名致力于在技术道路上的终身学习者、实践者、分享者！ Vuetify Form Base是一个基于模型的表单生成器，目的是提供一个工具，以便以较少的努力从任何模型数据生成可编辑的表单，即使模型是一个深度嵌套的对象。 Vuetify Form Base作为Vue组件工作，可以很容易地集 ......
Vue介绍
前端的发展史 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请 ......
vue 初识
一、前端的发展史 1、前端的发展演变 # 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 # 2 Aj ......
解决vue3中抽离出来的js如何调用页面的方法
有时我们会用render渲染表格的columns，里面的按钮如何去调用.vue文件的方法？ 思路； 在.vue文件中我们通过参数的方式传给.js文件，然后用变量接收，点击时执行 （注意：.vue文件中setup执行比较早，按钮是点击事件，不会主动执行函数。为防止函数未声名就当做参数传递，必须在最后执 ......
ansible-playbook各个组件
1.ansible-playbook组件 ansible-playbook主要的组件有： hosts：主机列表 remote_user 远程用户 tasks：任务 variables：变量 templates：模板 handlers和notity：触发器 tags：标签 2.ansible-play ......
vue3 elementplus 列表中添加排序功能，移动的时候修改背景色
<el-table size="medium" :border="true" :data="branchTableData" :row-style="changeColor" :stripe=false style="width: 100%;"> <el-table-column type="ind ......
Django中form组件的所有内置字段
1 Field 2 required=True, 是否允许为空 3 widget=None, HTML插件 4 label=None, 用于生成Label标签或显示内容 5 initial=None, 初始值 6 help_text='', 帮助信息(在标签旁边显示) 7 error_message ......
Vue学习四：组件的三大组成部分、组件通信和进阶语法
一、组件的三大组成部分 <template> 里面只能有一个根元素 <style> 全局样式(默认):影响所有组件局部样式: scoped 下样式，只作用于当前组件 <script> el根实例独有, data是一个函数,其他配置项一致 二、scoped设置局部样式 默认情况:写在组件中的样式会全局 ......
Python接口自动化unittest核心组件01
1、TestCase ：先定义测试用例类，在测试用例类中写测试方式 2、TestSuit：收集你要执行的测试用例类或者文件里的测试方式，放到测试套件 3、TextRunner：将收集好的测试条件放在测试用例运行器去执行，并收集测试结果 4、TextFixture：做好前置条件和后置处理 ......
vue-day01
前端介绍 1 HTML(5)、CSS(3)、JavaScript(ES5、ES6、ES11)：编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 2 Ajax的出现 -> 后台发送异步请求， ......
vue 拖拽组件
// 父页面 <template> <div class="main_body"> <blockTitle title="事件详情" /> <a-form ref="formRef" :model="formValue" style="width: 100%" class="form_box" :l ......
项目开发中难点-项目使用v-if控制表单/元素/组件显示隐藏，例如调用接口后赋值需重新加载组件，但此时使用this.show=false，赋值后使用this.show=true，组件并未重新加载。
项目中使用v-if=" show " 控制组件的显示或隐藏，当接口返回后this.show=false,进行赋值，后this.show= true显示 。但是页面没有正常显示，此时使用 this.$nextTick 。 一、 $nextTick()概述1. $nextTick()原理 $nextTi ......
webUpload组件实现文件上传功能和下载功能
一、上传功能 首先引用基于jquery的百度上传组件webuploader（webuploader.css，webuploader.js）(jquery版本要求>1.10，webuploader版本：0.1.5)，下载链接：http://www.jq22.com/jquery-info2665 <l ......
从零开始使用vue2+element搭建后台管理系统（实现按钮权限控制）
思路：登录后请求用户信息接口，后端返回用户信息中包括权限数组，数据格式be like： 前端对用户信息进行存储（对没错又是假接口）： // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await ......
vue特性
1.组件的模块化开发 1.1 组件注册局部 首先在创建一个vue页面作为组件，这里就以分页组件来演示： <!-- 分页展示 --> <el-pagination background style="margin: 50px auto" @size-change="handleSizeChange" ......
app直播源码，Vue 禁止输入框输入空格
app直播源码，Vue 禁止输入框输入空格 <template> <div> <input type="text" v-model="text" @input="(e) => text = e.target.value.replace(/\s/g,'')" > </div></template><s ......
百度 Web Uploader 文件批量上传组件
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样 ......
vue-unsaved-changes-dialog 在桌面页面上，弹出窗会跟随鼠标显示
简介及使用教程 这是一个漂亮的未保存变更对话框，有以下特点： 有保存、丢弃和取消三个按钮 在桌面页面上，弹出窗会跟随鼠标显示 显示隐藏动画流畅 智能避免弹出在窗口边缘并且随窗口大小调整自动适应 完全自适应：在移动设备上全屏显示 键盘可导航可访问 所有的文案都可以替换 更多优点： 桌面和手机上都有非常 ......
vue3中使用模块化vuex
话不多说直接上手 1.安装vuex的依赖（vue3版本） npm i vuex@4 2.在src目录下新建vuex的文件夹，并且新建store.js文件 在store.js中写入 （这里使用模块化的方式） //引入vuex插件 import { createStore } from 'vuex' i ......
【HarmonyOS】如何实现应用内引用HSP模块中ArkUI组件
【关键字】 HSP开发、引入HSP模块中ArkUI组件 【写在前面】 在使用ArkTS开发HarmonyOS应用时，通常会定义一些公共组件或公共接口功能，此时可以将这些功能封装到HSP模块中，然后通过在HSP模块中导出组件或接口方式在其他模块中引用，可以实现应用内部代码与资源的共享。这里主要讲如 ......
可视化图表组件之股票数据分析应用
股票数据呈海量化、密集化、多样化的趋势。为了更清晰的比对股票数据，图扑基于自研 HT for Web 产品的 2D 编辑器、UI 库，对2022年 A 股市场数据以 BI 报表形式设计呈现，应用丰富的图表组件，将 A 股总营收、净利润、同比变化等维度的市场数 ......
vue项目打包编译后如何修改后台请求地址
1、在public文件夹下新建config.js 文件 2、config.js文件中，编写配置地址代码 3、在index中引入js文件 4、使用config.js中的变量，vue页面，js页面都可以用 window.setURL.publicBaseUrl ......
Vue二维码组件
1.前言 该组件依赖qrcode.js与element-ui 支持二维码大小配置，点击大图预览 该组件以vue文件形式进行封装，需要配置httpVueLoader插件进行引入，其他格式请自行更改源码 2.使用方法 引入依赖 <link href="https://cdn.bootcdn.net/aj ......
vue的model选项
vue中的v-model指令实现了表单的双向绑定，官网例子： <input type="text" v-model="message" /> <p>{{message}}</p> 其实v-model只是语法糖，真正的实现形式： <input type="text" :value="message" ......
vue2实现pc端自适应分辨率
思路：使用lib-flexible结合postcss-pxtorem实现 第一步 在项目utils下建立flexible.js文件(直接下载则不用新建该文件) 第二部 复制以下代码到刚建好的文件中或者直接yarn install lib-flexible-pc-y // 基于 libflexible ......