写法vue2 vue js
封装的DynamicCRM平台中最实用的JS工具类
常用的比如去除页面查找字段guid的'{}':commonUtil.delBrackets(commonUtil.getLookupId("xxx_xxxx"))
遮罩层使用方式:overflowLayer.open("耗时中...", toDo) :toDo为当前使用遮罩层的js方法名
注意使用遮... ......
使用CRM REST Builder的Predefined Query在js结合FetchXML语句进行查询
一般情况下使用拓展工具RESTBuilder编辑器,可以很方便的进行操作js中增删改查均能实现,但在某些较为特殊的场景下,需要根据条件去拼接查询过滤条件的,使用编辑器生成的代码无法实现,需要结合使用fetchXML ......
JS中使用Promise.all控制所有的异步请求都完成后,在执行后续逻辑
将所有的异步耗时操作都封装成Promise对象返回,Promise可以将异步转成同步,在执行完成后结果返回到then中,然后使用Promise.all将promise对象数组一起执行,全部执行完成后再统一返回信息 ......
JS中的浏览器对象
作为一种脚本语言,JavaScript 代码不能独立运行,通常情况下我们需要借助浏览器来运行 JavaScript 代码,所有 Web 浏览器都支持 JavaScript。 除了可以在浏览器中执行外,也可以在服务端或者搭载了 JavaScript 引擎的设备中执行 JavaScript 代码,浏览器 ......
vue+jszip多图下载成压缩包
1、引入jszip <script src="https://cdn.staticfile.org/jquery/3.6.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/jszip/3.10.1/jszip.min ......
Vue3+.net6.0 二 模板语法-属性绑定,指令绑定,动态属性和指令,修饰符
Vue部分 const { createApp} = Vue; const app = createApp({ data() { return { count: 0, content:'<h3>我是html内容<h3/>', isDisabled:false } } }); app.mount('# ......
Vue后台管理系统(一)
### ```vue-admin```后台管理系统 - 框架地址 ``` - 简洁版: https://gitee.com/panjiachen/vue-admin-template - 加强版: https://gitee.com/panjiachen/vue-element-admin ``` ......
js/ts文件中,导入i18n报错:Must be called at the top of a `setup` function
import { useI18n } from 'vue-i18n'; const { t } = useI18n(); 会在非组件情况下报错: 此时我们需要将上述导入方式改为: import i18n from '@/lang/i18n';//@/lang/i18n为语言包位置 const { t ......
vue 基本语法
新建Vue对象 <!DOCTYPE html> <html> <head> <title>Vue Demo</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> < ......
vue-组件
<!DOCTYPE html> <html> <head> <title>Vue Demo</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> </head> <body> <div id=" ......
Vue监听store中数据变化的2种方式
![](https://img2023.cnblogs.com/blog/1202393/202307/1202393-20230710112922278-1733509341.png) ![](https://img2023.cnblogs.com/blog/1202393/202307/1202 ......
第十一篇 - Vue页面内嵌一个vue页面
一个页面的导航栏是可以重用的,所以重用部分单独提出来作为一个vue页面是很有必要的,那么一个vue页面内嵌一个vue页面怎么实现呢? 目前程序是可以跳转到jump1页面的,现在我们新建一个navigation.vue,将其内嵌于jump1页面看看。 第一步:新建navigation.vue navi ......
Vue element-ui 动态生成自定义table表头实现数据渲染
需求:表头的数据是动态的,有可能字段值很长且很多。解决方法自定义动态表头,字段长使用文字提示【el-tooltip组件】。 效果图: 直接上代码: 1、vue代码 1 <el-table 2 :data="tableData" 3 border 4 style="width: 100%" 5 hei ......
js调用浏览器打印功能
1.打印开始结束的信息 2.点击打印按钮<button type="button" onclick="doPrint()">打印</button> <script> function doPrint() { console.log(33333333333) bdhtml=window.documen ......
基于three.js的3D展厅Demo功能设计与实现
参考网址: http://www.webgl3d.cn/ https://www.three3d.cn/ 1、three.js 之 hello world 功能:立方体在三维空间的转动。 代码位置:demo_0_scene 目的:理解 场景 / 相机 / 渲染器 / 坐标系 / 几何体 / 材质 / ......
js中的浏览器对象
作为一种脚本语言,JavaScript 代码不能独立运行,通常情况下我们需要借助浏览器来运行 JavaScript 代码,所有 Web 浏览器都支持 JavaScript。 除了可以在浏览器中执行外,也可以在服务端或者搭载了 JavaScript 引擎的设备中执行 JavaScript 代码,浏览器 ......
vue3 路由增加过渡动画实现
废话不多说 实现过程在下方: 1. 在路由文件下 router/index.js 每个路由增加位置坐标 index 例如 { path: "/", name: "Home", component: () => import("@/views/home/index.vue"), meta: {inde ......
Vue路由新开页面跳转和传参传递
需求:在后台管理系统首页列表项中,点击详情跳转到系统中指定菜单的路由要求新开窗口并需要带上参数查询。 第一种方法: 1 let routeUrl = this.$router.resolve({ 2 path: '/xxx', // 路由地址 3 query: { id } // 参数信息 4 }) ......
VUE中定义全局配置方法
#方法一: ##main.ts中 ``` const wsapi = "ws://localhost:8081"; const appConfig = { wsapi, }; const app = createApp(App); // Provide the appConfig as a glob ......
vue LuckyExcel 使用教程
luckysheet 文件夹拷贝到public/static 目录下 index.html 页面引用如下 <link rel='stylesheet' href='static/luckysheet/plugins/css/pluginsCss.css' /> <link rel='styleshe ......
vue实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script> < ......
js复制文本到剪切板
参考:https://blog.csdn.net/evanyanglibo/article/details/127851585 //复制文本 function copyText(text) { var element = createElement(text); element.select(); ......
前端Vue自定义商品评价页面单选多选标签tags组件单选多选按钮选择器picker组件
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
前端编程开发 --- vue3 计算属性
变量输出到视图的预处理指令 <div id="app"> <p>未处理: {{ message }}</p> <p>预处理: {{ reversedMessage }}</p> </div> <script> const app = { data() { return { message: 'hel ......
前端Vue自定义精美商品分类列表组件 侧边栏商品分类组件 category组件 左边分类category 右边列表List
随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 组件化 ......
vue--day14--样式绑定
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>样式绑定< ......
黑马程序员前端JS基础视频课程(pink老师)
共计76个视频,20小时时长课程分为三大块1.JavaScript基础2.web APIs3.JS进阶之前看过pink老师的css+html讲的那是扛扛,刚刚在其他社区找到这套课程特意分享给大家! download:黑马程序员前端JS基础视频课程(pink老师) ......
vue--day13--watch与computed的区别
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>watch ......
vue-day12-监视属性简写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......
vue--day12--深度监视
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>天气案例- ......