vue data属性中的值绑定到dom上的一些问题

1、html属性绑定既有字符串又有变量的写法

<a :href="`tel:${item.mobile}`"><img class="phone-icon" src="../assets/images/icon-phone.png" alt="">
</a>

2、路由绑定写法：

<router-link :to="navlist.link">

3、html上绑定由data返回的class名

4、直接在html中的src会被打包编译，但是html绑定data返回的图片地址路径不会被webpack打包编译问题。通过require引入相对路径，可解决。

wexinlists:[

imgSrc:'background:url('+ require("../assets/images/bug.gif")+') center no-repeat;background-size:100%'

]

转载于:https://www.cnblogs.com/muzs/p/8532140.html

vue data属性中的值绑定到dom上的一些问题相关推荐

WPF中DatePiker值绑定以及精简查询
WPF中DatePiker值绑定以及精简查询 1.WPF中DatePiker值绑定 Xaml中值绑定使用Text <DatePicker Text="{Binding strMinDa ...
vue与elementUI中给el-input绑定键盘按键--按键修饰符
vue怎么写键盘事件 vue允许将按键值作为修饰符来使用,如监听回车事件,有两种写法,如下代码: <input type="text" @keyup.13="con ...
vue获取div中的值_vue获取内存中的值并写入
发表评论发表评论第{{i+1}}楼匿名用户发表时间:{{item.id|dateFormat}} {{item.content}} 加载更多 export default{ data(){ ...
ngFor with index作为属性中的值
我有一个简单的ngFor循环,它也跟踪当前index . 我想将该index值存储在属性中,以便我可以打印它. 但我无法弄清楚它是如何工作的. 我基本上有这个: <ul *ngFor=" ...
将Vue项目methods中的方法暴露在window上
这座城市风很大,孤独的人总是晚回家. 我是一个H5,咱们在写APP的时候,也就是APP内部嵌套咱们H5代码的时候,肯定会遇到交互问题,如果使用普通html js css的话应该没有什么太大的问题,因为 ...
vue获取div中的值_一篇文章看懂Vue.js的11种传值通信方式
面试的时候,也算是常考的一道题目了,而且,在日常的开发中,对于组件的封装,尤其是在 ui组件库中,会用到很多,下面,就来详细的了解下,通过这篇文章的学习,可以提升项目中组件封装的灵活性,可维护性,话不 ...
Vue input输入框中的值如何变成黑点
<login-input type="password" placeholder="请输入密码" ref="passwordInput" ...
vue+Element ui中使用 upload实现Excel文件上传
文章目录业务需求: 实现方式: 具体步骤: 1.引入组件: 2.data中定义: 3.methods中方法: 业务需求: 批量导入Excel文件实现方式: 使用组件upload 具体步骤: 1.引 ...
Vue基础--Vue中的双向绑定v-model指令
一.v-model的作用和使用场景 1.1 v-model指令介绍期望的绑定值类型:根据表单输入元素或组件输出的值而变化可以下下面元素使用: <input> <select> ...

vue data属性中的值绑定到dom上的一些问题

vue data属性中的值绑定到dom上的一些问题相关推荐

最新文章

热门文章