logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

使用element的Tree树形控件,节点选中状态下设置禁用disabled

需求:使用ElementUi Tree树形控件,节点选中状态下设置禁用disabled1,ElementUi Tree树形控件 的使用请参考官方网站 ElementUI APIhttps://element.eleme.cn/2.0/#/zh-CN/component/tree#tree-shu-xing-kong-jian2,通过disabled 设置Tree的某些节点为禁用状态,通过案例...

使用element的Tree树形控件,节点选中状态下设置禁用disabled,每次选一个,且不可编辑

使用element的Tree树形控件,节点选中状态下设置禁用disabled,每次选一个,且不可编辑,效果如下图所示。代码如下:<template><div class="tree3"><el-tree:data="data3"ref="tree"...

#javascript#vue.js#es6
vue-h5项目调用微信的相机相册功能

vue-h5项目调用微信的相机相册功能微信的官网网址为:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html微信公众号使用js-sdk的接口链接以下是我本次调用微信相机获取本地图片的一个项目经验1,在html文件中引入微信的接口<script src="http://res.wx.qq.com/ope

#javascript
vue项目添加图片裁剪组件

vue项目添加图片裁剪组件功能如下图所示:1,安装命令如下npm i vue-cropper --save2,调用组件,引入vue-cropperimport { VueCropper } from “vue-cropper”;3,封装组件代码如下:cropper.vue<template><div class="cropper_model"><el-dialogti

#vue.js
vue项目引入全局vuex

Vuex 是一个全局的共享数据存储区域,相当于一个数据的仓库,Vuex是为了保存组件之间共享数据而诞生的,如果组件之间有要共享的数据,可以直接挂载到vuex中,而不必通过父子组件之间传值了,如果组件的数据不需要共享,就不必放到vuex中;只有共享的数据。配置vuex可有如下五个步骤运行 cnpm i vuex -S导入包注册vuex到vue中new Vuex.Store() 实例,得...

#vue.js#javascript
vue项目正式环境下(NODE_ENV = production)js打包成gz格式

vue项目正式环境下(NODE_ENV = production)js打包成gz格式1,如下图所示,vue项目中的js会被打包成gz格式,项目默认情况下不是gz格式,需要前端进行配置2,打成gz格式包目的:可使压缩包更小一些,首次加载就快一些。(相对于默认情况下)3,配置打成gz包方法:3.1 在vue.config.js进行配置,(没有此文件可新增)3.2 需要 安装依赖包 compressio

#vue.js#javascript#前端
vue 视频 时间进度条组件-使用npm组件

vue 视频 时间进度条组件有些视频是以视频流的形式进行渲染的,没有视频滚动条,所以就写了24h的时间组件组件已上传到npm上,npm i as-time-line下载安装即可,最少需要1.2.0版本https://www.npmjs.com/package/as-time-line1,安装npm i as-time-line -S2,引用,在vue里面的main.js中引入,添加代码如下impo

文章图片
#html#百度#前端
vant移动端开发图片验证码

需求:使用vue+vant框架开发,移动端页面开发出传统图片验证码!效果如下图所示。主要代码如下:<van-fieldv-model="formData.verifycode"centerclearablelabel="验证码"placeholder="请输入验证码"><div slot=...

#web app#小程序
vue项目引入vue-scrollto

vue-scrollto 官方网址为:https://www.npmjs.com/package/vue-scrollto由于没有安装vue-scrollto,会爆出 Can’t resolve 'vue-scrollto’的问题,如下所示:解决方案:使用npm安装则如下:npm install --save vue-scrollto使用yarn则如下:yarn add vue-...

#vue.js#javascript
vue项目开发引导页-带有动画效果

vue项目开发引导页-带有动画效果,如下图所示本案例实现步骤是:1,先开发一个全局的弹框(遮罩层)全局弹框代码-遮罩层2,添加背景图-使用绝对定位实现元素定位3,开发带有动画效果的组件实现动画效果的代码如下所示,PositionGuide.vue:<template><div class="re-guide"><div class="re-content">&l

#css3#vue.js
    共 43 条
  • 1
  • 2
  • 3
  • 4
  • 5
  • 请选择