vue自定义组件中报错,提示not defined

directives: {
// 发送消息后滚动到底部
"scroll-bottom"() {
Vue.nextTick(() => {
this.el.scrollTop = this.el.scrollHeight - this.el.clientHeight;
});
}
},

0

1个回答

v-scroll-bottom='this'//先用指令绑定全局对象
directives: {
    // 用binding.value获取vue全局对象
    'scroll-bottom': (el,binding,vnode)=>{
        console.log(el,binding,vnode)
        const This = binding.value;
        This.$nextTick(() => {
            el.scrollTop = el.scrollHeight - el.clientHeight;
        });
    }
}
0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Vue编写自定义组件的时候使用v-for报错
原因是因为不能在最外面的标签中使用v-for,只需要在v-for的标签最外面再套一个标签就能解决这个问题  
Vue学习过程中由自定义组件命名引起的错误
在运行该实例时出现了一些错误: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>组件</title> &a
Vue错误笔记(三)——Vue is not defined
吐槽:vue太坑了 事情的经过: 我想在vue的页面中添加一个分部视图(PartialView),点击button能打开一个分部视图页面 html代码 <button v-on:click="create()"><span>创建数据</span></button> js 代码 然后点击button,报错 vue is not defined,如...
调用js文件里的函数报错onclick is not defined处理方法以及调用其他方法
对于js中onclick方法的使用写法,正确如下: getChoice = function (param_index) { $(".charge-btn-group").removeClass("btn-active"); $("#charge-btn-group" + param_index).addClass(&a
vue引用ueditor控制台显示'UE' is not defined的解决方法
将UE.getEditor()更改为window.UE.getEditor()即可 原始代码: <script id="content" type="text/plain"></script> const _this = this const config = {} this.editor = UE.getEditor('content',
Vue.js组件注册自定义组件不成功
Vue.js组件注册自定义组件不成功 Vue.js组件注册自定义组件不成功: 报下列错误: vue.js:584 [Vue warn]: Unknown custom element: <buttoncount> - did you register the component correctly? For recursive components, make sure t...
解决Vue.js在火狐浏览器中报错“event is not defined”的问题
html中:<input class="targetlist-check" type="radio" :checked="targetItem==item?'checked':null" @click="selectItem(item,$event)" />js中:selectItem(item,e){      var event=window.event||e;      var ...
vue:引入外部cdn报错 ‘XXX is not defined’ 及事件处理办法
框架:vue-cli(vue脚手架) 例:以cdn引入腾讯防水墙为例 前因:在html的head中引入外部cdn链接, 在vue文件中直接使用,如图 结果:如图报错 解决办法: 1. 在index.html中的head中引入, 2.在webpack.base.conf.js中配置 module.exports = { externals: { Tencen...
vue使用v-for报错
Property or method "changMoney" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option. 为什么changMoney会报错? 我的解决: 眼花把v-for绑定到正确...
在高德地图使用: amap is not defined
按照官方的 写了代码: amap is not defined 后来将 地图api的js 与JQuery的 调换下位置就好了  normal blue_night light fresh dark var map = new AMap.Map('conta
自定义组件引入报错
问题描述:我今天写了一个组件,该组件和引用该组件的页面放到了相同的目录内。 报错信息: 看到了这个问题,小编很郁闷,首先想到去找度娘,发现度娘上很多人的讲解很我遇到的问题的关联不是很大。所以小编还是喜欢自己投入研究。 最后发现问题出在了组件引进的地方: 以前的引入方式: import myTree from 'myTree' <script> impor...
npm安装webpack,前端工程中axios is not defined解决办法
根本不明白为什么这么写,但是下面这么写axios就可以用了,望大神解答 vue.use(),和new vue()还有Vue.prototype的区别各是什么,如何在前端工程中正确的使用 axios,如果用引入js文件的方式,在页面直接使用axios就可以,但为什么用前端工程安装的方式就不可以呢,就会出现 axios 找不到的情况 转自http://www.cnblogs.com/
百度地图加载百度js 出现 BMap is not defined
!function(mapInit) {   var script = document.createElement("script");   script.type = "text/javascript";   script.src = "http://api.map.baidu.com/api?v=2.0&ak="+ App.BMapAk +"&callback=mapinit";  
Vue之自定义组件的v-model
ce=$event.target.value"> 以上代码分几个步骤: 将输入框的值绑定到price变量上,这个是单向绑定,意味着改变price变量的值可以改变input的value,但是改变value不能改变price 监听input事件(input输入框都有该事件,当输入内容时自动触发该事件),当输入框输入内容就单向改变price的值 这样就实现了双向绑定。   自定义表单输...
使用ztree出现老是提示$或者jquery is not defined
这个是jquery的$与ztree中定义的$冲突了,解决问题是: 首先使用var $J=jquery.noconflict();释放$控制权, 然后后面是用的$J去调用后面的内容就可以了
简单解决——使用Clipboard实现剪切板,用require引入js资源,会报错Clipboard is not defined的问题
很简单只要修改一下Clipboard的源码,增加一条: var Clipboard = fuction(){....}; //在Clipboard定义后面增加 $.Clipboard = Clipboard;//这是我增加的代码然后就可以这样使用 var clipboard = new $.Clipboard('.btn', { text: function() {
vue打包后jquery is not defined和静态资源路径找不到
1、jquery is not defined:解决:webpack.prod.conf.js:new webpack.DefinePlugin({ 'process.env': env, $ : 'jquery', jQuery : 'jquery' }),改为:new webpack.ProvidePlugin({ $: "jq...
Vue videojs 在开发环境正常,生产环境下报错:t is not defined
videojs 在开发环境中正常,打包编译后报错:Uncaught ReferenceError: t is not defined.   解决方法: 在webpack配置文件 module 里加入 noParse: [/videojs-contrib-hls/]   参考自:https://github.com/surmon-china/vue-video-player...
关于vue里面出现$报错的情况
1.Error in mounted hook: "ReferenceError: $ is not defined"? 解决办法:(错误原因好像是从外部导入的js和vuejs有点冲突还是怎么样?) 在main.js里面加: import jquery from 'jquery' window.$ = window.jQuery = jquery...
vue调用百度地图api时Bmap没有定义的解决办法
vue调用百度地图api时Bmap没有定义的解决办法
Vue小知识: $ is not defined错误解决
错误原因:该错误是未安装JQuery依赖包导致。 解决方案:安装依赖包 1.执行安装jquery依赖包命令 cnpm install jquery --save 2.webpack配置 (1).在项目根目录下的build目录下找到webpack.base.conf.js文件,在开头使用以下代码引入webpack,因为该文件默认没有引用 var webpack = require('webpac...
zeroclipboard的使用问题
基本使用,官网上的教程,就不说了.官网地址:http://code.google.com/p/zeroclipboard/ 有一点点补充,就是在本地测试静态页的时候,需要在falsh的全局安全设置中,把下下来的flash添加进去,具体操作方法见flash的网站.下面的地址可以设置 http://www.macromedia.com/support/documentation/cn/flashp
解决 vue.js在火狐浏览器报错 "event is not defined" 的问题
在这个vue文件中,我需要用到event事件,但是,这样子写在谷歌浏览器是正常运行的,但在火狐浏览器下却报错 为什么会出现这样的错误呢?经过搜索发现,火狐浏览器与谷歌浏览器不同,在firefox中使用了不同的的事件对象模型,用的是W3C Dom,firefox中并无event所以要不将event改为window.event。因为这样依然报错,不起任何作用,那么,在vue文件中应该怎样解决
vue遇到的问题
vue遇到的问题 文章目录vue遇到的问题1.函数传参(待解决) 1.函数传参(待解决) 代码入下: index.html <!DOCTYPE html> <html> <head> <title>vue.js</title> <!-- 最新版本的 Boots
微信分享解决wx not defined
需求: 要实现在微信中分享给朋友和分享到朋友圈的分享链接显示图片,标题和描述. 遇到的问题: 写好的index.html发布到服务器上,发现显示的还是链接,加的微信分享功能没有起作用------这段代码没有读取到.于是我f12查看前端有没有报错. 发现index.html页面报了一个wx not defined错误.在网上查了一下.http://blog.csdn.net/xinyflov...
vue 引入子组件报错问题
错误信息:    Do not use built-in or reserved HTML elements as component id: header源码:<script> import header from "./components/header" import aside from "./components/aside" import footer from "./co...
vue 移动端,支付宝支付和微信支付,和解决WeixinJSBridge is not defined 报错的方法
微信支付 <button class="parkPay" @click="topPayWei()" v-show="payMoney" :disabled="payButton">需支付{{lastPrice}}元,去支付</button> // 点击立即缴费调取支付接口 topPayWei(){ con
vuex中的babel编译mapGetters/mapActions报错解决方法
在尝鲜vuex2时,发现vuex2增加了 mapGetters 和 mapActions 的方法,借助stage2的 Object Rest Operator 特性,可以写出下面代码: methods: { marked, …mapActions([ ‘getArticles’ ]) } 但是在借助babel编译转换时发生了报错: BabelLoaderError:
js点击事件总报错onclick is not defined错误
今天写js方法,js点击事件总报错onclick is not defined错误,困扰很久。查询资料得以解决。正确写法如下:function funFormatter (value, rowData, rowIndex) { return "<a href='javacript:;' onclick= selectUserDate('" + value + "');>" + valu...
提示$ is not defined错误分析及解决
锋利的jquery--CH1
vue-preview 引用时报错
报错如下 解决办法:在作者没有解决之前暂时修改插件,不知道有没有后续问题 错误出处: 修改:
require.js引入jQuery插件table2excel报错的问题,求助!
require.js引入jQuery插件table2excel报错的问题,求助! require.js里引入的地址 shim里写的插件依赖 引用table2excel 点击事件触发导出功能 是的,然后就报错了,可能是我引入的不对?? ...
如何将Vue中表格数据,以Excel格式导出?报saveAs错误如何解决?
一、安装依赖 npm install file-saver --save npm install xlsx --save npm install script-loader --save-dev 二、下载两个所需的js文件Blob.js和Export2Excel.js 链接:https://pan.baidu.com/s/1CNcEncW-f...
Vue2.0自定义组件引入失败
需求:自定义组件,在App.vue中使用组件 问题:idea 控制台显示错误(如图)   解决办法:仔细发现引入的路径并不对 改成 即可
vue_cli上使用mui或引入mui.js各种报错及问题
在main.js里添加 import mui from './assets/js/mui.js' 如果不添加下面会显示mui is not defined 报错 Vue.prototype.mui = mui 添加成功后就可以使用mui 了?  结果发现在vue里会使用严格模式,而mui不支持严格模式上使用,就会报错  Uncaught TypeError: 'caller',...
vue 中微信支付,显示WeiXinJSBridge is not defined的问题
var vm= this; if (typeof WeixinJSBridge == "undefined"){//微信浏览器内置对象。参考微信官方文档 if( document.addEventListener ){ document.addEventListener('WeixinJSBridgeReady', vm.onBri...
Vue里面的$emit与$on
    学习Vue看到了里面的$emit,有一个疑问冒出来:“$emit必须和$on一起使用吗?”    在我看来虽然没有说是必须一起使用,但基本上都是搭配在一起出现,因为$emit的作用是子组件对父组件发送数据,$on可以接收到子组件返回的数据,所以有$emit的地方应该就有$on了,我是这样理解的。    $emit的参数Event.$emit('name',data); 其中name是发送数...
vue-自定义组件传值
​ 项目中,我们经常会遇到自定义组件传值的问题,方法很多种,但是原理很简单,下述文档总结实际项目中使用的传值方式。 父组件传递给子组件某一值,子组件内会修改该值,然后父组件需要获取新值 ​ 在 Vue 中,父子组件的关系可以总结为 prop 向下传递,事件向上传递。父组件通过 prop给子组件下发数据,子组件通过事件给父组件发送消息。常规prop-event父组件<prop-event-
Vue爬坑之旅(十四):vue自定义全局提示框组件
1、写一个提示框组件: message.vue &amp;lt;template&amp;gt; &amp;lt;div&amp;gt; &amp;lt;!-- 全局提示框 --&amp;gt; &amp;lt;div v-show=&quot;visible &amp;amp;&amp;amp; type==1&quot; class=&quot;dialog-tips dialog-center&quot;&amp;gt; &amp;lt;div
vue中引入并且使用jquery,修复使用eslint时报 $、 jquery找不到的错误
vue是双向数据绑定,为啥还需要jquery 呢,因为vue在某些情况下需要操作dom,而vue操作dom又过于麻烦。 ①首先在package.json指定需要下载的jquery版本 ,然后npm install,安装jquery ②安装好后,在webpack.base.conf.js文件中进行设置 (1)头部引入webpack (2)在module对jquery进行全局配置 ...
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 web自定义组件开发教程 机器学习中的数学基础