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' is not defined?
'Vue' is not defined?是什么问题?
vue中自定义组件(插件)
在vue项目中,可以自定义组件像vue-resource一样使用Vue.use()方法来使用,具体实现方法:1、首先建一个自定义组件的文件夹,比如叫loading,里面有一个index.js,还有一个自定义组件loading.vue,在这个loading.vue里面就是这个组件的具体的内容,比如:<template> <div> loading..............
vue 自定义组件
自定义组件名字叫Loadingmain.jsimport Loading from './component/Loading' Vue.use(Loading);其中Loading是一个文件夹 其中包含index.js 、Loading.vueindex.js:import LoadingComponet from './Loading.vue' const Loading ={     in...
Vue自定义组件
vue-component var vue; $(function(){ //自定义组件 Vue.component('custom-template',//组件名 { props:['param'],//组件接受外部参数 temp
vue之自定义组件
在vue项目中怎么自定义组件呢? 在网上都到的都是引用vue.js这种的,原生的vue自定义组件方式如下: 1、组件假如为a.vue,和引用它的b.vue在同一级的文件夹下; 2、在b.vue中写入的script内部写入: import star_a from './a.vue' export default{ components:{ star_a:star_...
Vue之自定义组件
自定义组件 &lt;body&gt; &lt;div id="app"&gt; &lt;person&gt;&lt;/person&gt; &lt;/div&gt; &lt;script&gt; var Child = { template: '&lt;h1&gt;自定义组件!,这是一个人的定义&lt;/h1&gt;' } // 创建根实例 new Vue({ el: '#app',...
vue自定义组件
引入头部和尾部自定义组件 import header from &quot;./header.vue&quot;; import footer from &quot;./footer.vue&quot;; 在components重新自定义标签 components: { &quot;v-header&quot;: header, &quot;v-footer&quot;: footer } ...
Vue - 自定义组件
这篇文章介绍Vue的自定义组件。定义全局组件的第一种方式: html代码:定义全局组件的第二种方式: html代码:定义全局组件的第三种方式: html代码: 常用的方式是第三种,原因: (1)在工作中模板中肯定有很多标签,在一个字符串中写入很容易出错,故用第一二种出错率高 (2)将模板提取出来更容易复用定义局部组件的方式: html代码:组件名称的大小写问题: (1)官方强烈推荐要遵循W3C规范...
Vue 自定义组件
Vue实现的无限极菜单 注意点 1:点击的展开或隐藏的时候 会有事件捕获 所以需要@click.stop 来阻止事件捕获 2: 在获取的数据里面设置一个标志 值为boolean 来做展示或者隐藏的功能 3: 无限极涉及到递归调用,这里就是组件自己调用自己 所以给组件一个名字 与文件名相应 4: props默认的是没有数据的,只有在第二次调用自己的时候 才会有值...
Vue自定义组件(简单实现一个自定义组件)
在用vue构建项目的过程中,我们有时会用到别人开发的组件如vue-router;使用他人组件的正常步骤如下:1、命令行进行安装,执行install;2、在vue项目中的入口文件main.js中,进行导入;3、然后用Vue.use(plugin)引入该组件。 我们也可以创造属于自己的组件,具体步骤如下:1、在components文件中创建t...
Vue编写自定义组件的时候使用v-for报错
原因是因为不能在最外面的标签中使用v-for,只需要在v-for的标签最外面再套一个标签就能解决这个问题  
vue中自定义组件及组件间通信
首先写了一个子组件goodbye,就是一个普通的div 给它一个样式 如何通过父组件给goodbye这个子组件进行传递数据呢?使用props,然后再在父组件中的子组件进行绑定,goodbye.vue文件中添加props 如何在父组件中饮用goodbye子组件?通过import在script中进行导入 别忘了在进行组件的注册 然后就可以在父组件里放入
jsp页面中js代码 提示 $not defined
在jsp中的js代码 [code=JScript]function disSelectedOldKey()rn //判断说明:oldSelectedKeyIndex!=selectedKeyIndexrn // 当只有一个相似关键字的时候,则不存在上一次选中和这次选中关键字,rn // 只要第一次选中后,按向上或向下箭头都是选中。rn if (oldSelectedKeyIndex!=-1&&oldSelectedKeyIndex!=selectedKeyIndex)rn $('keyId'+ oldSelectedKeyIndex).bgColor=unselectedBgColor;rn rn // 上一次选中项更新rn oldSelectedKeyIndex = selectedKeyIndex;rn [/code]rnrn火狐提示说 $is not definedrnrn大侠指教啊
vue 中解决提示警告 for循环报错
boy 火巨 警告 1.出现这个警告问题的时候 我们可以去main.js中在头部添加这句话:Vue.config.productionTip = false这样即可去除警告!2.在build文件下的webpack.base.conf.js文件中, 将 ...(config.dev.useEslint ? [createLintingRule()] : []),注释掉, 这是对原来的写法进行...
vue自定义组件的v-model
定义子组件 &lt;template&gt; &lt;div class="merselec" ref="mbMenu"&gt; &lt;div @click="handleNodeClick()"&gt;点我父组件就等收到123&lt;/div&gt; &lt;/div&gt; &lt;/template&gt; export default { com...
vue杂谈--自定义组件
vue中的组件分为两种,全局自定义组件和局部自定义组件 全局自定义组件使用Vue.component 注册, 局部自定义组件与VUE实例挂钩 下面的代码演示了怎样创建全局和局部自定义组件 &lt;html&gt; &lt;head&gt; &lt;title&gt;vue演示&lt;/title&gt; &lt;script src="https://cdn.jsdelivr.net/n...
vue自定义组件的知识总结
什么是自定义组件? 组件是可以扩展 HTML 元素,封装可重用的代码。定义的组件可以拥有所有vue实例的特性。是以is的方式进行扩展对应的特性。组件之间也是可以嵌套的。 组件的分类 1.局部组件 一般来说,局部组件使用的时候,是需要先注册(注册的时候是在父组件)。 定义局部组件时,常用一个变量来存储局部组件。对象中包含有一个template属性,表示组件使用的模板html内容。 定义的...
vue 通讯录 自定义组件
在线demo:http://tangyupeng.top/dist/index.html#/phone         &amp;lt;template&amp;gt;   &amp;lt;div&amp;gt;     &amp;lt;my-header custom-title=&quot;通讯录&quot; custom-fixed &amp;gt;       &amp;lt;button @touchstart=&quot;backBtn&quot; slot=&quot;...
vue自定义组件 - switch
项目中需要用到switch这个开关组件,但是又不想用太重量级的组件库了,加载量太大,没必要,所以自己定制了一个,借鉴了一下we-ui的样式。很简单的几行代码,大家可以自己修改样式。 PS:有些东西光靠想可能觉得比较复杂,但真正去做了,还是不难。 我还是习惯分2步走,首先需要在一个独立页面把组件和样式都调好,一切OK了,再封装成组件。 一...
Vue笔记----自定义组件的传值
Vue自定义组件主要有三个值:value(直接传入的值),modifiers(修饰符),arg(传参)。示例如下: &amp;lt;div v-pin:true.top.right=&quot;card1.pined&quot; &amp;gt; Vue.directive('pin', function(el, binding) {  //el为组件div binding为里面带入的值     var pined = b...
Vue训练营-自定义组件
项目截图GitHub地址由于这次作业比较简单,所以代码集成到上次的TodoList的项目中.主界面通过路由进行界面切换.技术点只要技术点包括: Vue自定义组件 Vue组件间通信 自定义组件就不多说了,直接看官网即可.Vue组件间通信方式包括: 父->子,使用props传值. 子->父,使用emit,emit,on发送和监听事件. 兄弟组件,使用Bus(即new Vue)进行组件间通信. 进阶,使用
vue自定义组件 v-model
官方解释: v-model指令其实是下面的语法糖包装而成: &lt;input :value="something" @:input="something = $event.target.value"&gt; 因此,对于一个带有v-model的组件,它应该如下: 接收一个valueprop 触发input事件,并传入新值 利用 $emit 触发 input ...
Vue——关于自定义组件
现在基于vue的UI组件库有很多,比如iview,element-ui等。但有时候这些组件库满足不了我们的开发需求,这时候我们就需要自己写一个插件。 举第一个栗子 用vue-cli搭建好项目目录之后,在src/components下面新建一个文件夹放我们要写的插件,如图所示: index.vue里写我们的组件,代码如下: index.js里面写index.vue的install方法,并用Vue...
vue 自定义组件和通信
vue 自定义组件和通信
vue自定义组件学习
Vue自定义组件,初学者尝试写vue组件过程!前端模块化组件开发
vue自定义组件的使用
新建一个定义组件的js配置文件 //引入组件模块 import Addapproval from './Addapproval' //审批人 import Submit from './Submit' //确认提交按钮 import Addimg from './Addimg' //添加图片 import Selectgroup from './Selectgroup' //请假 import...
VUE 自定义组件模板
先说下需求吧,因为客户的用户群比较大,如果需求变动,频繁更新版本就需要重新开发和重新发布,影响用户的体验,考虑到这一层就想到,页面展示效果做动态可配,需求更新时,重新配置一份模板录入到数据库,然后根据用户选择的模板进行展示。 关于页面展示做的动态可配,我是参考vue的Component组件方式,开始时可能会遇到组件定义后不能加载的情况,并在控制台如下错误:You are using the ru...
vue 模块化
转载自:http://www.cnblogs.com/kongsanpang/p/6222703.html#commentform 最近在网上看到很多大神都有写博客的习惯,坚持写博客不但可以为自己的平时的学习做好记录积累 无意之中也学还能帮助到一些其他的朋友所以今天我也注册一个账号记录一下学习的点滴!当然本人能力实在有限写出的文章可能和大神们不能比拟 如果有什么不专业甚至是错误的地方还请大家指正...
Vue v-model自定义组件
在项目中自定义组件使用 v-model 实现双向数据绑定。 &amp;lt;template&amp;gt; ... &amp;lt;el-radio-group v-model=&quot;curValue&quot; @change=&quot;valueChanged&quot;&amp;gt; &amp;lt;el-radio v-for=&quot;(item, index) in values&quot; :label=&quot;item&quot;&amp;gt;{{item}}&a
vue进阶(1) ---自定义组件
vue自定义组件1、局部组件,局部组件必须要手动挂载,不然无法生效 2、全局组件,全局组件不需要手动挂载,但是不常用,尽量不要在全局上挂载变量或者组件(可能会影响浏览器性能) 3、配合模板使用实现组件间的嵌套example:局部组件和全局组件的使用方法<!DOCTYPE html> <html> <head> <meta charset="utf-8">
vue jsx 使用 自定义组件
Vue 推荐在绝大多数情况下使用 template 来创建你的 HTML。然而在一些场景中,你真的需要 JavaScript 的完全编程的能力,这时你可以用 render 函数,它比 template 更接近编译器。 我这里,举一个简单的例子。在iviews中使用自定义DButton组件。 特别需要注意的是组件命名按照PascalCase格式。 1、在目录components中新建文件DButto...
Vue 自定义组件使用v-model
正常的业务需求中,我们需要封装一些常用的组件。现在有一个最简单的需求,封装一个有特定样式的input框,够简单吧? 好,我们来这样封装: 字符串模板文件命名为 CInput.vue: &lt;template&gt; &lt;input type="text" class="your-custom-class-name" v-mode...
调用vue自定义组件
自定义组件 跟其他vue文件一样正常写,然后在调用自定义组件的文件里,在export default{}里加入 components:{},   例:tamplate.vue文件: &amp;lt;template&amp;gt; &amp;lt;div style=&quot;position: relative;&quot;&amp;gt; &amp;lt;img src=&quot;../../../resources/a...
vue自定义组件(局部和全局)
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;组件&amp;lt;/title&amp;gt; &amp;lt;script src=&quot;https://cdn.bootcss.com/vue/2.6.6/vue.js&qu
VUE components 自定义组件
vue编写界面,拆分功能,简化当前文件中的逻辑功能。 1、定义单机动作; 2、指向 3、自定义组件 命名问题:HTML特性是不区分大小写的。所以,当使用的不是字符串模板时,camelCased(驼峰式)命名的prop需要转换为相对应的kebab-case(短横线隔开式)命名...
vue自定义组件之分页组件
分页是WEB开发中很常用的功能,尤其是在各种前后端分离的今天,后端API返回数据,前端根据数据的count以及当前页码page来计算分页页码并渲染到页面上已经是一个很普通很常见的功能了。分页大多数情况下(基本上)是对异步请求数据的处理,因此需要弄明白分页的流程: 请求API,然后返回第一页的数据以及相关条件下的数据总数 将数据总数传给组件的属性total,并计算页码后渲染到页面上 通过点击上一页...
vue自定义组件三步走
如图所示:我自定义了两个组件,一个是Head.vue,一个是Foot.vue我现在在Page01.vue中用他们两个,公分三步1,引用2,注册3,使用
vue 自定义组件使用v-model
html &amp;lt;div id=&quot;app&quot;&amp;gt; &amp;lt;my-component v-model=&quot;msg&quot;&amp;gt;&amp;lt;/my-component&amp;gt; msg: {{msg}} &amp;lt;my-counter v-model=&quot;num&quot;&amp;gt;&amp;lt;/my-counter&amp;gt; num: {{num}} &amp;lt;/div&amp;g
Vue自定义组件并测试案例
文章目录一、什么是组件?二、新建导航栏Navigation.vue文件三、新建首页Index.vue文件四、新建路由routes.js文件五、修改App.vue文件六、修改main.js文件七、运行测试 一、什么是组件? 组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素,封装可重用的代码。在较高层面上,组件是自定义元素,Vue.js 的编译器为它添加...
vue 自定义组件双向数据绑定
文章目录序属性&amp;事件传值双向绑定v-model组件双向绑定.sync修饰符双向绑定总结 序 作者:玄晓乌屋 最后更新时间:2019/6/25 vue 自定义组件双向绑定没有直接一步到位的方式,全都是是通过属性传值和事件传值实现的。v-model 不能直接支持组件的双向绑定。 属性&amp;事件传值双向绑定 这种方式最复杂,也最容易理解,前提是需要深刻理解事件传值和属性传值。 新建一个组件 ...