vue
sheen~向阳
Today is better than yesterday
展开
-
vite+vue3+ts+Threejs 实现web3D车展,并可切换颜色
vite+vue3+ts+Threejs 实现web3D车展,并可切换车身颜色原创 2022-06-20 19:29:03 · 1267 阅读 · 1 评论 -
vite+vue3+ts+Threejs 实现vr全景看房
vite+vue3+ts+Threejs 实现vr全景看房原创 2022-06-20 19:21:03 · 2426 阅读 · 1 评论 -
vue+ts Vue.prototype绑定问题
在main.ts 里面然后在src目录下新建一个xxx.d.ts文件import Vue from 'vue' // 记得先引入Vuedeclare module 'vue/types/vue' { interface Vue { $dd: any }}然后就可以正常使用并且编译没报错原创 2021-09-09 11:14:19 · 1596 阅读 · 0 评论 -
wangEditor + vue双向绑定(光标游走问题)
安装 npm i wangeditor --save组件封装使用:参考文献:https://juejin.cn/post/6915967073432633357原创 2021-09-03 17:35:54 · 677 阅读 · 1 评论 -
vue ctrl、shift 键实现多选功能
<div> <div v-for="(item, index) in listData" :key="item.id" :class="item.selected ? 'is-actived-box' : ''" @click="handleItem(item, index)">{{ item.label }}</div></div>keyevent () { var that =this; // 按下键盘 document.onkey翻译 2021-06-25 11:28:40 · 1373 阅读 · 1 评论 -
自定义 toast (vue.extend)
自定义Toasttoast.vue<template> <div class="toast" v-if="showWrap"> <div class="toast_icon"> <img v-if="iconState === 'S'" src="../assets/images/success.png" alt=""> <img v-if="iconState === 'F'" src="../assets/im翻译 2020-11-27 10:25:24 · 146 阅读 · 0 评论 -
cordova + vue 开发APP +(监听原生返回事件)
什么是 cordovacordova 是由 Apache 基金会支持的,使用 HTML5 + CSS3 + JS 来构建多平台 APP 程序的开发框架。其支持调用手机系统(Android、IOS、Windows phone)原生 API,它可以将你写的 Web 程序包裹进原生的 APP 壳中,也就是我们常说的 Hybrid APP (混合应用)。本文是一个前端开发者如何从 0 开始结合 Vue 来构建一个简单的 APP安装cordovanpm install -g cordova创建 cor原创 2020-11-26 11:46:00 · 876 阅读 · 3 评论 -
web页面上手动配置切换axios请求服务地址
在项目过程中,遇到客户要求上图效果。在页面上动态配置切换服务器地址,通过查询axios官方文档,发现可以通过重新实例化来实现项目在fetch.js里封装了axios// 初始化axios配置var service = axios.create({ // timeout: 6000, baseURL: 'http://***.***.*.***:8088/'});在配置URL页面import fetch from "@/utils/fetch"setUpUrl () { l.原创 2020-11-16 11:50:41 · 401 阅读 · 0 评论 -
vue项目 使用国密SM2
什么是国密算法?国密算法是国家密码管理局制定的自主可控的国产算法,包括SM1、SM2、SM3 、SM4、SM7、SM9、祖冲之密码算法(ZUC)等。在金融领域目前主要使用公开的SM2、SM3、SM4三种商用密码算法,分别为非对称加密算法、哈希算法和对称加密算法。SM2算法和RSA算法都是公钥密码算法,SM2算法是一种更先进安全的算法,在我们国家商用密码体系中被用来替换RSA算法。随着密码技术和计算机技术的发展,目前常用的1024位RSA算法面临严重的安全威胁,国家密码管理部门经过研究,决定采用原创 2020-07-17 14:14:55 · 7532 阅读 · 8 评论 -
基于VUE 开发的 表单设计器
k-form-design 基于vue和ant-design-vue实现的表单设计器组件预览地址http://cdn.kcz66.com/form-design.html组件地址 https://www.npmjs.com/package/k-form-design开源地址https://github.com/Kchengz/k-form-design第二种 基于开源Element UI表单设计及代码生成器Form Generatorgithub仓库 .原创 2020-07-14 10:33:44 · 9846 阅读 · 3 评论 -
递归树形json数组,查找所有父节点,展开父节点,删除子节点
递归json数组,查找所有父节点,展开父节点删除子节点// 查找子节点的所有父节点getParentNode (arr1, id) { let getNodeArr= [] const forFunc = function (arr, id) { for (let i = 0; i < arr.length; i++) { let getNodeArr= arr[i] if (item.id === id) { getNodeArr.p.原创 2020-07-13 16:18:50 · 1162 阅读 · 0 评论 -
npm ERR! chromedriver@2.46.0 install: `node install.js`
npm ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! chromedriver@2.46.0 install: `node install.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the chromedriver@2.46.0 install script.npm ERR! Th...原创 2019-08-12 17:05:20 · 823 阅读 · 0 评论 -
卸载vue-cli2,再安装vue-cli3
先卸载旧版本(npm uninstall vue-cli -g)再安装Vue CLI 3(npm install -g @vue/cli)若安装报错如下:先执行 npm cache clean --force 清除缓存 出现说明执行成功再 npm installnpm install -g @vue/cli 安装vue-cli3npm -V 查看是否安装成功新建项目 vue...原创 2019-08-08 11:29:07 · 1632 阅读 · 0 评论 -
vue2.0项目CSS3动画打包后动画失效解决办法
vue2.0 + webpack做项目时,css3动画打包前正常,打包后失效,原因是:vue-cli脚手架package.json配置文件里面对浏览器的版本做了css的前缀处理"browserslist": [ "> 1%", "last 2 versions", "not ie <= 8" ]意思是 只兼容主流浏览器的最新两个版本。如果我们要兼容所...翻译 2019-07-22 17:05:42 · 1025 阅读 · 1 评论 -
npm ERR! chromedriver@2.46.0 install: `node install.js`
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! chromedriver@2.46.0 install: `node install.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the chromedriver@2.46.0 install script. npm ERR! Th...翻译 2019-06-19 10:36:28 · 705 阅读 · 0 评论