
vue
文章平均质量分 60
辰枫Sir.
这个作者很懒,什么都没留下…
展开
-
TinyMce富文本编辑器使用【详细】
TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有:UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。原创 2023-11-10 14:48:48 · 2514 阅读 · 2 评论 -
Vue3+i18n多语言动态国际化设置步骤
i18n:Vue.js 的国际化插件。它可以轻松地将一些本地化功能集成到你的 Vue.js 应用程序中原创 2023-05-23 09:41:38 · 1451 阅读 · 0 评论 -
uniapp如何实现锚点定位?
在scroll-view组件中有一个scroll-into-view属性:(值应为某子元素id。设置哪个方向可滚动,则在哪个方向滚动到该元素)。【官方scroll-view说明】此属性的意思则是此属性的值为子元素设置的id时,则可跳转到子元素位置。先看下效果:直接上代码:html:<template> <view> <scroll-view scroll-y="true" :scroll-into-view="intoView" :style="`height原创 2021-11-12 14:22:47 · 3695 阅读 · 2 评论 -
前端分页加载功能实现?
分页功能一般是后台实现,前端请求就完事了。但是偶有情况…那也很无奈!数据少的情况,前端可做!数据多了,还是得建议后台来做!!【注】我这里其实主要用的是Array.slice(start, end)方法!直接上代码,不啰嗦!【效果】代码:html:<template> <view> <button @click="PageLoad">点击加载</button> </view></template>js:原创 2021-11-12 11:34:42 · 1083 阅读 · 0 评论 -
Vue如何引入远程JS/css文件
Vue如何引入远程JS/css文件应用场景: 比如说你在某个项目单独要使用阿里巴巴矢量图标,又不想下载,想直接使用外部资源(cdn…等),import不可以,那么你就可以使用这种方法!(方法不错记录一下)使用Vue 的 createElement 方法:export default { components: { "remote-css": { render(createElement) { return createElement("link", {原创 2021-01-11 15:17:56 · 2504 阅读 · 2 评论 -
移动端H5长按事件 自定义vue指令
import Vue from 'vue'Vue.directive('longpress', function (el, binding){ // if (typeof binding.value !== 'function') { // throw Error(binding.value + '不是函数') // } // Make sure expression provided is a function原创 2020-07-29 16:49:32 · 674 阅读 · 0 评论 -
vue刷新当前页面来重新获取一些数据
前言:有时候在页面里做了某些操作以后,需要页面刷新一下来重新获取数据。常用的几种方法:1、vue刷新当前页面有挺多种方法,比如window.location.reload()或者this.$router.go(0)但是这两种方法是会出现一瞬间的白屏,体验不好。还有就是:在需要页面刷新的地方写上this.$router.push('/emptyPage'),跳转到一个空白页。在emptyPage.vue里beforeRouteEnter 钩子里控制页面跳转,从而达到刷新的效果before原创 2020-05-18 19:04:09 · 2680 阅读 · 3 评论 -
vue-cli(vue脚手架)2.0 搭建项目超详细教程
1.安装vue-cli① 使用npm(需要安装node环境)全局安装webpack,打开命令行工具输入:npm install webpack -g或者(npm install -g webpack),安装完成之后输入 webpack -v,如下图,如果出现相应的版本号,则说明安装成功。② 全局安装vue-cli,在cmd中输入命令:npm install --global vue-cli安装成功:安装完成之后输入 vue -V(注意这里是大写的“V”),如下图,如果出现相应的版本号,则说明安原创 2020-05-17 15:13:06 · 1742 阅读 · 2 评论 -
修改vue的配置项支持生产环境下二级目录访问的方法
1、常规打包在实际的项目中,我们通常都使用 npm run build 直接打包文件后丢到服务器上访问打包后的文件目录是这样的:访问的静态资源都是地址是这样的:我们现在要放在服务器的二级目录下访问地址,那么访问的路径就应该也加上二级目录,该如何配置尼?2、方法:找到项目的打包配置文件config下的index.js,对参数assetsPublicPath进行配置:先看一下默认的配置: build: { // Template for index.html index: p原创 2020-05-17 14:39:39 · 960 阅读 · 0 评论 -
前端加载水印?(局部 or 全局)
前端加载水印?(局部 or 全局)整理全局水印:watermark.js是一个给B/S网站系统加水印的插件,确保系统保密性,安全性,降低数据泄密风险。简单易上手,支持多属性配置,支持本地和npm包引入,支持commonjs和es6引入。全局API有init(),load(),remove()方法。使用的是css3的pointer-events事件穿透属性和opacity透明属性,Shadow ...原创 2020-01-14 16:20:14 · 2430 阅读 · 0 评论 -
vue自动获取焦点(局部、全局指令)?
vue自动获取焦点?最简单的即是,自定义指令的方法:// 方法Vue.directive()创建,它有两个参数,一是自定义指令的名字,可以随便取,但是全部小写; // 另一个是一个对象,表示自定义指令的一些配置项// 创建一个名为 myfocus 的自定义指令,这里实际上创建了一个 v-myfocus 指令,元素中也使用 v-myfocus// 全局获取焦点Vue.directive...原创 2019-10-12 15:30:26 · 854 阅读 · 3 评论 -
vue组件之嵌套路由传参跳转?
vue组件之嵌套路由传参跳转?vue 路由传参的三种基本方式:现有场景如下,点击父组件的li 元素,跳转到 子组件,并携带参数,便于子组件获取数据。父组件中:<li v-for="article in articles" @click="getDescribe(article.id)">方案1:去目标组件页 Methods中:goPage( 携带参数 ) {//...原创 2019-10-12 14:33:48 · 1440 阅读 · 1 评论 -
vuex简单理解---简易vuex构造购物车
vuex的基本概念学习笔记:采用 集中式存储 管理模式。用来管理所有组件的状态,并以相应的规则保证状态一种可预测的方式发生变化。什么是状态模式管理?new Vue({ // state 驱动应用的数据源 data(){ return { count:0 } }, // view 以声明的方式,将 state 映射到视图 template:...原创 2019-09-17 14:00:43 · 1305 阅读 · 7 评论