vue this.$refs.inputTitle.focus is not a function
明白什么原因了:
item单独一个组件,里面只有一个input,可以绑定属性ref="inputTitle"
这样可以直接
this.$nextTick(function(){
this.$refs.inputTitle.focus()
})
而我是list和item是同一个组件,所以会有多个input框...
在vue中卸载已经安装的插件npm uninstall
VUE 卸载插件
1、安装插件
npm install --save qrcode
2、卸载插件
npm uninstall qrcode
Vue——PubSub.js
1、组件间通信:消息的订阅与发布(PubSub.js)
使用PubSub可以在Vue任意组件间进行传值,无需要进行中间层层传递。
安装:npm install --save pubsub-js
或者 npm i pubsub-js
2、消息的发布。
首先是组件发布消息,发布另一个页面需要的data。
语法:PubSub.p...
npm安装nanoid生成随机id并简单使用
前言
在一些场景下,如果没有服务器的支持,需要自己随机生成一些信息
比如id,虽然可以自己制造生成规则,不过一般可以借助第三方工具生成,比如uuid,但是uuid库比较大,而且生成的id比较长,所以有一个简化版本的叫nanoid,使用起来也比较方便下面就去安装使用它
安装
打开终端,输入npm i nanoid...
Vue练习:Uncaught SyntaxError: Cannot use import statement outside a module
Vue练习:Uncaught SyntaxError: Cannot use import statement outside a module
在.html文件中引入vue组件,报错
报错是正常的,.vue文件需要在脚手架vue-cli中才能正常使用
vue在v-html指令时如何使用过滤器
vue在v-html指令时如何使用过滤器
// html
<div class="word" v-html="$options.filters.filters2(item.news_content)"></div>
// script
filters: {
filters2: function (...
vue项目,1:1 error The template requires child element vue/valid-template-root
vue项目,1:1 error The template requires child element vue/valid-template-root
vue必须要有一个根节点,在<template></template>里面添加一对<div>标签就好了!!...
VUE项目中调用如何两个接口
在项目根目录下新建config.js文件
vue.config.js 配置
module.exports = {
devServer: {
port: 8080,
proxy: {
// 要走第二個服務器的URL 的寫法 : /api + 远程机器的path ...
vue尚品汇-切换页面,商品分类重复请求接口
Vue在路由切换的时候会销毁旧路由。
我们在三级列表全局组件TypeNav中的mounted进行了请求一次商品分类列表数据。
由于Vue在路由切换的时候会销毁旧路由,当我们再次使用三级列表全局组件时还会发一次请求。
如下图所示:当我们在包含三级列表全局组件的不同组件之间进行切换时,都会进行一次信息请求。
...
vue尚品汇-搜索页商品分类展示和隐藏
vue尚品汇-搜索页商品分类展示和隐藏
效果图:
1,html关键代码
2,方法
3,css代码,菜单显示会出现先显示文字,后显示背景的效果
加上overflow: hidden;可以解决。
给.sort加overflow: hidden;会导致2,3级菜单不显示
所以给.so...
vue 动画和过渡v-enter,v-enter-active,v-enter-to,v-leave,v-leave-active,v-leave-to详解
vue 动画和过渡v-enter,v-enter-active,v-enter-to,v-leave,v-leave-active,v-leave-to详解
今天学习vue的动画的时候,学到了Vue在元素显示与隐藏的过渡中,提供了 6 个 class 来切换,但是觉得类有点多,觉得记忆有点混乱,于是决定弄清楚每个类的具体作用和效...
vue项目编程式导航+事件委托实现路由跳转
编程式导航+事件委托实现路由跳转
如上图所示,三级标签列表有很多,每一个标签都是一个页面链接,我们要实现通过点击表现进行路由跳转。
路由跳转的两种方法:导航式路由,编程式路由。
对于导航式路由,我们有多少个a标签就会生成多少个router-link标签,这样当我们频繁操作时会出现卡顿现象。
...
vue项目lodash插件防抖和节流
vue中默认有lodash,不需要安装
如果没有可以安装一下npm i lodash
在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影...
vue新手入门出现function () { [native code] }错误
页面提示:
function () { [native code] },无法出现我们想要的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title&l...
使用VUE脚手架创建项目
使用VUE脚手架创建项目
1,全局安装@vue/cli(仅第一次执行)
npm install -g @vue/cli
2,切换到你要创建项目的目录,使用命令创建项目
vue create xxxx
安装在当前目录用:vue create .
3,启动项目
npm run ser...
Vue 2 的脚手架项目,安装 Vuex3.6.2版本。
Vue 2 的脚手架项目,安装 Vuex3.6.2版本。
npm install vuex@3.6.2 --save
在 src 目录下新建 store 文件夹,在该目录下新建 index.js
import Vue from 'vue'
import Vuex from 'vuex'
// 需要使用插件一次
Vue.use...
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2683
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多