使用 Vue 进行点击编辑文本字段
我正在使用 Vue js，但在编辑字段时遇到问题.当我单击一个字段进行编辑时，所有 可编辑字段将变为活动状态.这是我的代码. 导出默认 {道具:['profileHeight']，数据() {返回 {用户:用户，isEditing: 假,形式:{姓名:''，电子邮件: ''，},};},安装(){},方法: {activateInEditMode() {this.isEditing = t
..
vue-component相关内容
在 Vue.js 3 中添加全局变量
有人知道如何在 Vue 3 中添加全局变量吗? 在 Vue 2 中，我们在 main.js 文件中使用它: Vue.prototype.$myGlobalVariable = globalVariable 解决方案 最直接的替代方案是 app.config.globalProperties.见: https://v3.vuejs.org/api/application-confi
..
从插槽中的内容向父级发出事件
我正在尝试构建一个灵活的轮播控件，允许内部内容元素强制更改幻灯片，以及轮播控件本身来更改幻灯片 我页面中的示例结构如下
下一步
关闭
..
在 v-for 项目内切换会影响整个列表，如何使每个切换仅影响包含列表项?
我正在使用 v-for 循环制作项目列表.在循环的每个项目中，都有带有单击事件方法的按钮，用于显示描述文本.当我点击按钮时，它应该只在它自己的项目内切换，但它会影响 v-for 列表中的所有元素. 那么，如何制作一个只影响它自己的项目的切换方法?
..
Vue 中使用的 inheritAttrs: false 和 $attrs 是什么?
正如问题所暗示的那样，我无法弄清楚它们的含义以及为什么要使用它.据说可以用它，这样当我们有很多组件，我们想从父组件传递数据到子组件的子组件时，我们不必使用道具.这是真的吗? 如果你能提供一个更简单的例子就好了.Vue.js 文档没有提及太多. 解决方案 查看 "禁用属性继承" 部分文档和 api 说明 了解完整详情. 它的主要用途是定义传递属性的所谓“透明"组件.文档中给出的示
..
如何在 vue 模板中使用 `console.log` 或 `console.error`?
我有一个 vue 组件 window.console 也不起作用 在模板中使用控制台和窗口进行调试的正确方法是什么? 解决方案 如果你想内联运行它而不是使用方法，只需在表单中添加this: Codepen: https://codepen.io/x84733/pen/PaxKLQ?editors=1011 首先:
..
组件如何在 Vue 2.0 中删除自身
作为标题，我该怎么做 来自官方文档只是告诉我们 $delete 可以使用参数 'object' 和 'key' 但我想像这样自己删除一个组件 this.$delete(this) 解决方案 不，您将无法直接删除组件.父组件必须使用 v-if 从 DOM 中移除子组件. 参考:https://vuejs.org/v2/api/#v-if 引自文档: 根据表达式值的
..
在路由进入Vue路由器之前检查身份验证令牌有效
我有一个简单的用例，我的应用程序使用 vue-router 和 vuex.然后 store 包含一个 user 对象，它以 null 开头.从服务器验证用户后，它会发回一个 user 对象，该对象包含一个 JWT 身份验证令牌，该令牌分配给店铺.现在让我们假设用户在 3 小时后回来并尝试访问路线或执行任何其他操作，考虑到 auth 令牌到那时已经过期，检查它的最佳方法是什么(需要调用 axiosp
..
在路由更改时更新 VueJs 组件
有没有办法在路由更改时重新渲染组件?我正在使用 Vue Router 2.3.0，并且在多个路由中使用相同的组件.第一次运行正常，或者如果我导航到不使用该组件的路由，然后转到使用该组件的路由.我正在传递道具的不同之处 {name: '主地图',小路: '/'，道具: {数据文件:'all_resv.csv'，地图文件:'contig_us.geo.json'，地图类型:'我们'},文件夹:真实，
..
如何在 Vue 组件中格式化货币?
我的 Vue 组件是这样的:
总计:{{ item.total }}导出默认{...计算:{列表:函数(){返回 this.$store.state.transaction.list},...}} {{ item.to
..
Vue 中如何控制组件重新渲染的粒度?
我正在使用一个组件来呈现一个动态表，其中包含“许多"行.有时我会添加新行，有时我会修改现有行，但是每当我这样做时，Vue 都会重新渲染整个表，这需要相当长的时间，我想避免这种情况. 我正在使用键和其他东西来加速重新渲染过程，但我仍然觉得这个过程效率低下:Vue 至少会遍历每一行，检查它是否发生了变化. 我知道每次受影响的行. 我如何告诉 Vue 它应该只在重新渲染时打扰那些?
..
如何在v-html中以两种方式进行数据绑定?
我有一个属性为 contenteditable="true" 的元素 div.这个 div 的行为就像一个元素 textarea.
我的代码: data() {返回 {留言:'',}},方法: {enviaMensagem() {控制台
..
在 VueJS 中从 v-for 中删除重复元素
我使用以下代码来显示数组中的类别.该数组可能包含重复的类别.有什么办法只能在 VueJS 中选择唯一元素吗? {{产品分类}} 数组: 产品:[{ id: '1', title: 'Test 1', category: 'Test 3' },{ id: '2', title: 'Test 2', category: 'Test 1' },{ id: '3', title: 'Test 3'
..
this.$refs[("p" + index)].focus 不是函数
我想在点击时将 div 转换为输入框，以便可以编辑帖子(在循环内呈现). 这是帖子上的按钮: Edit Me 和 div 相关: {{post.description}} 方法: setFocusEdit(index) {console.log
..
Vuetify 文本字段边框丢失
我正在尝试实现 Veutify 的 文本字段 这就是我现在的样子: 这是当文本字段处于焦点时的样子: 这些是我在 main.js 中的导入 从'vue'导入Vue；从 'vuetify' 导入 Vuetify；Vue.use(Vuetify); 我是否遗漏了导入或其他内容? 解决方案 我遇到了同样的问题，您需要将您的应用程序包装在 中. 原因是边框的颜色取决于您
..
如何在 vue.js 2 上调用其他组件中的方法?
我的第一个组件是这样的: ...导出默认{...方法: {添加照片() {const 数据 = { id_product: this.idProduct}const item = this.idImagethis.$store.dispatch('addImage', data).then((响应) => {this.createImage(项目，响应)});},}} 如果调
..
维.如何获取“键"的值?创建元素中的属性
我尝试创建一个组件并获取其在 axios 中使用的密钥.元素已创建，但我无法获取密钥.未定义 var pItem = {道具:['key']，模板:'
',创建:函数()
..
在VueJs中按功能处理按键
在我的组件中，我使用的是 VueStrap 的模态，如下所示: .........方法: {keyHandler(事件){控制台日
..
在 Vuejs 中的数据中使用计算属性
如何在数据中使用计算属性或通过总线发出它? 我有以下 vue 实例，但 myComputed 始终未定义，但计算数据工作正常. var vm = new Vue({数据(){返回{myComputed:this.computedData}},计算:{计算数据(){返回“你好世界"}}}) 解决方案 不幸的是，由于组件创建时间的原因，无法在数据中使用计算属性:数据评估在计算属性之前.
..
Vuejs 无法从组件访问 refs
我正在尝试获取组件模板内的画布元素，找到了适用于 vuejs1 的出色文档，但没有找到适用于“ref"的 vuejs2 文档.是获取元素的唯一方法.虽然我正在获取对象，但是当我尝试访问该变量时，它是未定义的. HTML JS 常量 ic = {模板: '#image-capture' ,创建(){console.log(this.$refs);//这个返回对象consol
..