vue数组语法兼容问题

最新推荐文章于 2022-12-09 15:49:49 发布
最新推荐文章于 2022-12-09 15:49:49 发布
阅读量137 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/clm960227/p/7530801.html
版权

先来一行代码：

<a :href="['NewsNote.asp?ID='+item.ID+'&MenuType=C']" v-text="item.Title"></a>

 

在非IE浏览器测试数组语法

数据渲染完全没问题

 

在IE9测试数组语法

渲染变成了[object]

 

解决方法改变一下写法就行

把数组语法最外面的中括号去掉就行

<a :href="'NewsNote.asp?ID='+item.ID+'&MenuType=C'" v-text="item.Title"></a>

 

转载于:https://www.cnblogs.com/clm960227/p/7530801.html

anwa3629
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
02.vue3基础语法（一）
phoebemeng的博客
08-12 313
vue3基础语法v-text、v-html、v-pre、v-bind、v-on的介绍和使用
Vue开发大纲资料.txt
最新发布
07-23
插值表达式是Vue中的一种常见语法糖，用于将数据绑定到DOM中。基本形式为`{{ expression }}`，例如： ```html <p>{{ message }} ``` #### 3.2 指令 指令是Vue提供的特殊属性，用于响应性的更新DOM。常见的指令有...
vue中常用的数组方法
真真的博客
07-28 4167
Vue中常用的数组方法 .filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every() .filter() .map() .forEach() .find() .findIndex() .some() .every() .filter() filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 是否改变原数组：否 是否对空数组进行检测：否 语法： const arr= [32, 33
vue/cli2框架下babel解决es6语法不兼容问题，适用于IE9+
xiaxia0705的博客
09-30 2404
在IE浏览器下经常会报es6语法无法识别或未被转换报错的问题，例如SCRIPT1006: 缺少 ')'，“无法获取未定义或 null 引用的属性“call””，等乱起八糟的报错。对于vue/cli2脚手架搭建的项目来说，babel其实已经引入，.babelrc文件也已经创建好了。但实际操作的过程中我们还需要根据我们项目中使用的一些插件做一些配置。这里的crypto-js是我们项目中用到的加密方式也需要配置，主要还是根据项目中使用的一些插件进行相应的配置。此时一般都是通过babel来解决。
vue的详细用法之---vue的基础语法（一）
zayyo的博客
11-26 554
v-once指令 v-once用于指定元素或者组件只渲染一次： p当数据发生变化时，元素或者组件以及其所有的子元素将视为静态内容并且跳过； p该指令可以用于性能优化； 如果是子节点，也是只会渲染一次： v-text指令 用于更新元素的 textContent： v-html 默认情况下，如果我们展示的内容本身是 html 的，那么vue并不会对其进行特殊的解析。 p如果我们希望这个内容被Vue可以解析出来，那么可以使用 v-html 来展示； v-pre v-pre用于跳过元素和它的子元素的编译过程
IE浏览器VUE语法兼容
lwl3143969711的博客
12-09 321
IE浏览器VUE语法兼容
vue常见面试题.pdf
12-14
使用 Proxy 的好处是它可以完美地监听到任何方式的数据改变，唯一的缺点是兼容性的问题，因为 Proxy 是 ES6 的语法。 5. MVVM、MVC、MVP 的区别 MVC、MVP 和 MVVM 是三种常见的软件架构设计模式，主要通过分离关注...
vue中实现Monaco Editor自定义提示功能
10-16
为了解决这个问题，可能需要监听用户输入事件，自行实现逻辑来判断何时触发提示，并动态更新提示列表。 另外，还可以考虑利用Monaco Editor的`onDidChangeModelContent`事件来监听模型内容的变化，以便在用户输入...
2022vue最新面试题.pdf
12-14
本文主要讲述了 Vue.js 框架的基本原理和面试题，涵盖了 Vue 的基础知识、双向数据绑定的原理、...使用 Proxy 的好处是它可以完美地监听到任何形式的数据改变，唯一的缺点是兼容性的问题，因为 Proxy 是 ES6 的语法。
2022vue经典面试题.pdf
12-14
Vue经典面试题 本文档总结了Vue经典面试题，涵盖了Vue的基本原理、双向数据绑定的原理、MVVM、MVC、MVP...使用Proxy的好处是它可以完美地监听到任何形式的数据改变，唯一的缺点是兼容性的问题，因为Proxy是ES6的语法。
vue学习五(绑定class、v-bind:style(对象语法、数组语法))
全干工程师
09-27 7480
文章目录绑定 HTML Class内联样式在模板里内联样式不在模板里绑定返回对象的计算属性数组语法class 列表class 列表使用三元表达式class 列表使用对象语法用在组件上绑定内联样式v-bind:style 绑定 HTML Class 我们可以传给 v-bind:class 一个对象，以动态地切换 class： 内联样式在模板里 &amp;amp;lt;div id=&amp;quot;div1&amp;quot; :class=&amp;quot;{...
vue数组操作
热门推荐
草木黄尘
08-27 8万+
vue中数组的操作总结： 一、根据索引设置元素： 1、调用$set方法：this.arr.$set(index, val);2、调用splice方法：this.arr.splice(index, 1, val);二、合并数组：this.arr = this.arr.concat(anotherArr);三、清空数组：this.arr = [];四、主要的数组方法： 1、变异方法（修改了原始数组
vue 数组语法(动态绑定class)
qq_49267744的博客
07-26 3310
数组语法 我们可以把一个数组传给 :class，以应用一个 class 列表： <div :class="[activeClass, errorClass]"></div> data() { return { activeClass: 'active', errorClass: 'text-danger' } } 渲染的结果为： <div class="active text-danger"></div> 如果你想根据条件切换列表中
Vue 数组的相关操作
DreamFive
04-18 9678
用 v-for 把一个数组对应为一组元素 我们用 v-for 指令根据一组数组的选项列表进行渲染。v-for 指令需要使用 item in items 形式的特殊语法，items 是源数据数组并且 item 是数组元素迭代的别名。 &lt;ul id="example-1"&gt; &lt;li v-for="item in items"&gt; {{ item.message...
vue学习(绑定class、v-bind:style(对象语法、数组语法))
.
09-13 2348
文章目录vue 属性绑定css1 class绑定1.1 字符串绑定1.2 对象绑定 和 数组绑定2 style 绑定 vue 属性绑定 css .class0{ color: red; font-size: 10px; } .class00{ color: blue; font-size: 70px; ...
Vue中常用的数组方法.filter()、.map()、.forEach()、.find()、.findIndex()、.some()、.every()
此人很懒，什么都没有写
02-22 1980
原文：https://blog.csdn.net/wang_xiao_ye/article/details/89385023?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-1.control&dist_request_id=44e510f7-b322-419e-a755-520c3d78e373&depth_1-utm_source=distribute.pc_relevant
Vue 样式绑定 对象语法 数组语法 对象数组一起使用
可控的事情要谨慎，不可控的事情要乐观。
10-08 417
一、对象语法 1.代码 <head> <meta charset="UTF-8"> <title>Title</title> <script src="./jquery-3.3.1.js"></script> <script src="../vue.js"></script&g...
Vue数组元素的操作
h363659487的博客
01-04 1万+
参考：http://www.daier.org/120841.html unshift() 在数组前端添加任意个项并返回新数组长度 this.items.unshift(newItem1,newItem2)表示在数组前端添加2个元素。 splice() 删除原数组的一部分成员，并可以在被删除的位置添加入新的数组成员 语法：arrayObject.splice(index
vue中数组的常用方法总结
weixin_63722092的博客
04-27 7863
1. join() join（’参数‘）把数组的元素以传入的参数为分割符，转换成字符串。 let arr = [1,2,3,4,5]; let str = arr.join(','); console.log(str) // -> '1,2,3,4,5'; 2.push()和pop() push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。 pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。 let arr
vue3 proxy
09-11
1. 兼容性问题：Proxy是ES6中的新特性，并不是所有的浏览器和运行环境都支持，需要根据使用场景考虑兼容性问题。 2. 需要使用者具备一定的JavaScript知识：相比Vue 2的Object.defineProperty方案，使用Proxy需要对...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值