vue从后台获取的数据有html标签通过v-html渲染到页面，然后怎么给这里面的html添加样式？

发布网友发布时间：2022-03-26 02:55

共2个回答

热心网友时间：2022-03-26 04:24

vue从后台获取的数据有html标签通过v-html渲染到页面给html添加样式的方法如下：

准备材料：Vue.js、HBuilder、浏览器

1、创建静态页面vhtml.html，并引入vue.js文件。

2、在<body></body>元素内插入两个div，一个作为外层div，另外一个作为子div，并在父div绑定v-html指令。

3、绑定v-html指令数据，这里设置为字符串。

4、Vue.js库的v-html指令是插入html元素，修改datas为包含<p></p>标签。

5、预览该静态页面，这时会看到页面显示如下

6、将调试打开，这时发现<div></div>中有个<p></p>标签，完成添加。

热心网友时间：2022-03-26 05:42

要输入代码。

html：

<templatev-for="(item,index)inquestionnaireList">

<divclass="questionnaire-section"@click="onSection(item.id)">

<divclass="title">{{item.title}}</div>

</div>

</template>

varapp=newVue({

el:'#app',

data:{

questionnaireList:[],//定义一个空数组

currentPage:1,//当前页

//加载完后自动执行

mounted:function(){

varthat=this;

that.questionnaireData();//调用方法

methods:{

questionnaireData:function(){

varthat=this;

$.ajax({

url:url+"questionnaire",

type:"GET",

data:{

currPage:that.currentPage

success:function(res){

res.data.questions.map(function(item,index){

that.questionnaireList.push(item);

扩展资料：

一、在编辑器中创建一个web项目，抄并在目录中创建一个新的静态页面buttonclick.html：

二、在title标签中介绍准备好的vue.js库文件。在这里，将JS文件放在JS目录中，然后在body标记中插入一个div和四个按钮，将click事件袭与Vue中的v-on标记绑定：

三、接下来，插入脚本标记，在标百记中写入事件函数，在事件中传递参数，然后打开浏览器查看结果：

四、打开浏览器并单击其中一度个按钮以打开窗口返回的元素对象。以上是如何使用Vue获取click事件元素。