VUE
vue
Web Erek
这个作者很懒,什么都没留下…
展开
-
vue2 cli使用wangEditor ( wangEditor安装依赖, wangEditor.vue文件实例, wangEditor工具栏配置的key列表 )
vue2 cli使用wangEditor ( wangEditor安装依赖, wangEditor.vue文件实例, wangEditor工具栏配置的key列表 )原创 2022-11-17 16:15:49 · 1157 阅读 · 0 评论 -
VUE 组件中自己调用自己
VUE 组件中自己调用自己, 父组件 ( 正常引入调用 ), 子组件 ( 组件中需定义name名称 )原创 2022-11-01 16:46:59 · 5206 阅读 · 2 评论 -
vue 跳转本页面并增加参数(携带原有参数)
vue 跳转本页面并增加参数(携带原有参数)原创 2022-06-15 10:38:06 · 349 阅读 · 0 评论 -
vue 混入(mixins)
vue 混入(mixins)原创 2022-06-02 16:24:46 · 84 阅读 · 0 评论 -
vue main.js 路由拦截 设置浏览器标签页名称和未登录跳转登录页
解决vue main.js next() 无限循环直至内存溢出; 更改设置标签页名称原创 2022-01-24 13:58:43 · 618 阅读 · 0 评论 -
vue.set (数据更改,但是视图没更新)
vue.set原创 2021-11-22 14:44:12 · 501 阅读 · 0 评论 -
VUE 路由发生变化动态更改标签页名称
定义路由时meta加上title定义标签页名称constroutes=[{path:'/',component:resolve=>require(['@/views/Home'],resolve), meta: { title: "页签一"}},{path:'/login',component:resolve=>require(['@/components/login'],resolve), meta: { title: "页签二"}...原创 2021-09-18 17:17:48 · 1353 阅读 · 0 评论 -
Vue watch监听
Vue watch监听原创 2021-09-18 17:13:34 · 228 阅读 · 0 评论 -
VUE WebSocket
公共js文件let websock = null;const initWebSocket = () => { const wsuri = window.socket_ip; websock = new WebSocket(wsuri); websock.onmessage = websocketonmessage; websock.onopen = websocketonopen; websock.onerror = websocketonerror;原创 2021-09-03 10:41:13 · 100 阅读 · 0 评论 -
VUE 父组件给子组件传值; 子组件给父组件传值; 父组件按钮激活子组件事件;子组件获取父组件数据/方法
VUE 父组件给子组件传值; 子组件给父组件传值; 父组件按钮激活子组件事件;子组件获取父组件数据/方法原创 2021-09-02 09:19:38 · 123 阅读 · 0 评论 -
VUE config.js配置
// ######## 配置完成需要重启项目const BASE_URL = process.env.NODE_ENV === 'production' ? '/生产环境指向名/' : '/';module.exports = { publicPath: BASE_URL, // 基本路径 outputDir: 'dist', // 构建时输出目录,最好和生产环境指向名一致 assetsDir: 'static', // 放置静态资源路径 index.原创 2021-09-02 09:19:28 · 156 阅读 · 0 评论 -
VUE 路由跳转; 监听嵌套属性;
<router-link to="/login">登录</router-link> // 需要定义该路由this.$router.go(-1) // 后退一页,数字可变,代表不同意义this.$router.push({ // params跳转页面,刷新页面数据丢失 name: 'login', // 定义路由时需要命名name params: { id: id }})this.$route.par.原创 2021-09-02 09:19:20 · 277 阅读 · 0 评论 -
VUE 小白级菜单
<ul class="menu"> <li :class="{active : Index == 1}" @click="changeMenu(1)">菜单</li> <li :class="{active : Index == 2}" @click="changeMenu(2)">菜单2</li> <li :class="{active : Index == 3}" @click="changeMenu(3)"&g.原创 2021-09-02 09:19:10 · 67 阅读 · 0 评论 -
VUE {{}}内容不会被编译; 页面加载后不变化; 键盘事件; 全局自定义指令; 禁止F11事件和全屏监听Esc; 过滤器,根据文本内容改变字体颜色; 下载流文件; vue视频播放和关闭
在标签内加上 v-pre {{}}里的内容不会被编译<div v-pre>{{内容}}</div> 标签中加入v-once.当页面加载时确定,之后不再变化<div v-once></div> 键盘触发事件@keyup="方法名"; 当键盘输入时,时刻执行该方法,例如搜索<div @keyup="search" @click="search">搜索</div>search(){ conso原创 2021-09-02 09:18:58 · 341 阅读 · 0 评论 -
VUE 点击按钮进入全屏模式
npm install --save screenfull // 安装vue插件import screenfull from 'screenfull' // 引入vue插件isFullscreen: false, // true为全屏状态 ---------- 页面定义变量created() { // 监听事件 window.addEventListener('resize', this.onresize)},methods: { .原创 2021-09-02 09:17:49 · 446 阅读 · 0 评论